@charset "UTF-8";
:root {
  --color-white: #ffffff;
  --color-black: #2e3e50;
  --color-black2: #8d8d8d;
  --color-main: #fb5c35;
  --color-bg: #2d3e50;
  --color-bg2: #f2f2f2;
  --color-border: #dbdbdb;
}

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

body {
  line-height: 1;
}

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

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

a {
  background-color: transparent;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

ins {
  text-decoration: none;
}

mark {
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

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

input,
select {
  vertical-align: middle;
}

img {
  font-size: 0;
  line-height: 0;
  vertical-align: top;
}

* {
  box-sizing: border-box !important;
  font-size: 1.4rem;
}

html {
  font-size: 62.5%;
}
html.is-open {
  overflow: hidden;
}

body {
  -webkit-text-size-adjust: 100%;
  font-feature-settings: "palt" 1;
  background-color: #f7f7f7;
  color: var(--color-black);
  font-family: "Noto Sans JP";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}
body * {
  letter-spacing: 0.04em;
}

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

a {
  color: var(--color-black);
  text-decoration: none;
  transition: 0.3s;
}
a:hover {
  opacity: 0.8;
}
@media screen and (max-width: 767px) {
  a:hover {
    opacity: 1;
  }
}

picture {
  display: block;
}

input[type="submit"],
input[type="button"],
input[type="text"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="reset"],
select,
button,
textarea {
  -webkit-appearance: none;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration,
input[type="text"]::-webkit-search-decoration,
input[type="number"]::-webkit-search-decoration,
input[type="email"]::-webkit-search-decoration,
input[type="tel"]::-webkit-search-decoration,
input[type="reset"]::-webkit-search-decoration,
select::-webkit-search-decoration,
button::-webkit-search-decoration,
textarea::-webkit-search-decoration {
  display: none;
}
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="text"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="reset"]:focus,
select:focus,
button:focus,
textarea:focus {
  outline-offset: -2px;
}

select {
  background-color: var(--color-white);
  color: var(--color-black);
}

.is-pc {
  display: block;
}
@media screen and (max-width: 767px) {
  .is-pc {
    display: none;
  }
}
.is-pc--inline {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .is-pc--inline {
    display: none;
  }
}

.is-sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .is-sp {
    display: block;
  }
}
.is-sp--inline {
  display: none;
}
@media screen and (max-width: 767px) {
  .is-sp--inline {
    display: inline-block;
  }
}
.swiper-container {
  overflow: visible;
  padding-bottom: 50px;
}
@media screen and (max-width: 1439px) {
  .swiper-container {
    padding-bottom: calc(50 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .swiper-container {
    padding-bottom: calc(50 / 375 * 100vw);
  }
}

.swiper-button-prev,
.swiper-button-next {
  display: block;
  display: flex;
  height: auto;
  height: calc(100% - 150px);
  margin-top: 0;
  top: 0;
  width: auto;
  z-index: 10;
}
@media screen and (max-width: 1439px) {
  .swiper-button-prev,
  .swiper-button-next {
    height: calc(100% - (150 / 1440 * 100vw));
  }
}
@media screen and (max-width: 767px) {
  .swiper-button-prev,
  .swiper-button-next {
    height: calc(100% - (150 / 375 * 100vw));
  }
}
.swiper-button-prev:after,
.swiper-button-next:after {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: calc(35 / 1920 * 100vw);
  width: calc(35 / 1920 * 100vw);
}
@media screen and (max-width: 767px) {
  .swiper-button-prev:after,
  .swiper-button-next:after {
    height: calc(25 / 375 * 100vw);
    width: calc(25 / 375 * 100vw);
  }
}

.swiper-button-prev {
  left: calc(-7 / 1920 * 100vw);
}
@media screen and (max-width: 767px) {
  .swiper-button-prev {
    left: calc(-7 / 375 * 100vw);
  }
}
.swiper-button-prev:after {
  background-image: url(../images/icon_prev.svg);
}

.swiper-button-next {
  right: calc(-7 / 1920 * 100vw);
}
@media screen and (max-width: 767px) {
  .swiper-button-next {
    right: calc(24 / 375 * 100vw);
  }
}
.swiper-button-next:after {
  background-image: url(../images/icon_next.svg);
}

.swiper-pagination {
  z-index: 1;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 0;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  background-color: var(--color-main3);
  border: 1px solid var(--color-main3);
  height: 10px;
  margin: 0 5px;
  opacity: 1;
  width: 10px;
}
@media screen and (max-width: 1439px) {
  .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .swiper-container-horizontal
    > .swiper-pagination-bullets
    .swiper-pagination-bullet {
    height: calc(10 / 1440 * 100vw);
    margin: 0 calc(5 / 1440 * 100vw);
    width: calc(10 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .swiper-container-horizontal
    > .swiper-pagination-bullets
    .swiper-pagination-bullet {
    height: calc(10 / 375 * 100vw);
    margin: 0 calc(5 / 375 * 100vw);
    width: calc(10 / 375 * 100vw);
  }
}
.swiper-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet-active,
.swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet-active {
  background: var(--color-main2);
  border: 1px solid var(--color-main2);
}

.lity-container {
  max-height: none;
  max-width: none;
}

@media screen and (max-width: 767px) {
  .lity-content {
    margin: 0 auto;
    width: calc(335 / 375 * 100vw);
  }
}

.lity-image img {
  margin: 0 auto;
}

.lity-close,
.lity-close:hover {
  background-image: url(../images/icon_close_lity.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
  content: "";
  cursor: pointer;
  display: block;
  display: none;
  height: 32px;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-indent: 150vw;
  top: -40px;
  white-space: nowrap;
  width: 32px;
}
@media screen and (max-width: 1439px) {
  .lity-close,
  .lity-close:hover {
    height: calc(32 / 1440 * 100vw);
    right: calc(0 / 1440 * 100vw);
    top: calc(-40 / 1440 * 100vw);
    width: calc(32 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .lity-close,
  .lity-close:hover {
    height: calc(32 / 375 * 100vw);
    right: calc(5 / 375 * 100vw);
    top: calc(-40 / 375 * 100vw);
    width: calc(32 / 375 * 100vw);
  }
}

@-webkit-keyframes slideUp {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes slideUp {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@-webkit-keyframes colorLink {
  0% {
    color: #9941d8;
  }
  50% {
    color: #ff00a1;
  }
  100% {
    color: #e13a2f;
  }
}
@keyframes colorLink {
  0% {
    color: #9941d8;
  }
  50% {
    color: #ff00a1;
  }
  100% {
    color: #e13a2f;
  }
}
/* noto-sans-jp-regular - japanese_latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/noto-sans-jp-v53-japanese_latin-regular.woff2")
    format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-jp-500 - japanese_latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/noto-sans-jp-v53-japanese_latin-500.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-jp-700 - japanese_latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/noto-sans-jp-v53-japanese_latin-700.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Barlow";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/barlow-v12-latin-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-500 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Barlow";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/barlow-v12-latin-500.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-600 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Barlow";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/barlow-v12-latin-600.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Barlow";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/barlow-v12-latin-700.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
#wpadminbar #wp-admin-bar-aioseo-main .aioseo-logo.svg {
  background-position: center;
  margin-right: 6px;
}

#wpadminbar #wp-admin-bar-aioseo-main a {
  align-items: center;
  display: flex;
}

#wpadminbar #wp-admin-bar-aioseo-main .aioseo-menu-notification-counter {
  margin-left: 6px;
}

@media screen and (max-width: 600px) {
  #wpadminbar {
    position: fixed !important;
  }
}
.l-container {
  margin-left: auto;
  padding-left: 70px;
  padding-right: 70px;
  width: calc(100% - 240px);
}
@media screen and (max-width: 1439px) {
  .l-container {
    padding-left: calc(70 / 1440 * 100vw);
    padding-right: calc(70 / 1440 * 100vw);
    width: calc(1200 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .l-container {
    padding-left: calc(20 / 375 * 100vw);
    padding-right: calc(20 / 375 * 100vw);
    width: 100%;
  }
}

.l-content {
  border-bottom: 1px solid var(--color-border);
  display: flex;
  justify-content: space-between;
  margin-left: auto;
  padding-bottom: 135px;
  padding-left: 70px;
  padding-right: 70px;
  width: calc(100% - 240px);
}
@media screen and (max-width: 1439px) {
  .l-content {
    padding-bottom: calc(135 / 1440 * 100vw);
    padding-left: calc(70 / 1440 * 100vw);
    padding-right: calc(70 / 1440 * 100vw);
    width: calc(100% - (240 / 1440 * 100vw));
  }
}
@media screen and (max-width: 767px) {
  .l-content {
    border-bottom: 0;
    padding-bottom: calc(40 / 375 * 100vw);
    padding-left: calc(20 / 375 * 100vw);
    padding-right: calc(20 / 375 * 100vw);
    padding-top: calc(20 / 375 * 100vw);
    position: relative;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .l-content::after {
    background-color: #d8d8d8;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: calc(315 / 375 * 100vw);
  }
}
.l-content__main {
  width: 100%;
}
.l-content__sidebar {
  flex-shrink: 0;
  margin-left: 70px;
  width: 255px;
}
@media screen and (max-width: 1439px) {
  .l-content__sidebar {
    margin-left: calc(70 / 1440 * 100vw);
    width: calc(255 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .l-content__sidebar {
    display: none;
    margin-left: calc(70 / 375 * 100vw);
    width: calc(255 / 375 * 100vw);
  }
}

.c-post {
  margin: 0 auto;
  width: 96%;
}
.c-post a {
  display: block;
}
.c-post a:hover {
  opacity: 1;
}
.c-post a:hover .c-post__thumbnailBox__thumbnail {
  transform: scale(1.15);
}
@media screen and (max-width: 767px) {
  .c-post a:hover .c-post__thumbnailBox__thumbnail {
    transform: scale(1);
  }
}
.c-post a:hover .c-post__textBox__title {
  color: var(--color-main);
}
@media screen and (max-width: 767px) {
  .c-post a:hover .c-post__textBox__title {
    color: var(--color-black);
  }
}
.c-post__thumbnailBox {
  height: 0;
  overflow: hidden;
  padding-top: 68.6%;
  position: relative;
}
.c-post__thumbnailBox__thumbnail {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: 0.3s;
  width: 100%;
}
.c-post__textBox {
  height: 90px;
  margin-top: 10px;
}
@media screen and (max-width: 1439px) {
  .c-post__textBox {
    height: calc(90 / 1440 * 100vw);
    margin-top: calc(10 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .c-post__textBox {
    height: calc(90 / 375 * 100vw);
    margin-top: calc(10 / 375 * 100vw);
  }
}
.c-post__textBox__labelList {
  -ms-overflow-style: none;
  align-items: flex-start;
  display: flex;
  margin-bottom: 5px;
  overflow: scroll;
  scrollbar-width: none;
}
.c-post__textBox__labelList::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 1439px) {
  .c-post__textBox__labelList {
    margin-bottom: calc(5 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .c-post__textBox__labelList {
    margin-bottom: calc(5 / 375 * 100vw);
  }
}
.c-post__textBox__labelList__categoryList {
  display: flex;
}
.c-post__textBox__labelList__categoryList > ul {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -5px;
  margin-right: -5px;
}
@media screen and (max-width: 1439px) {
  .c-post__textBox__labelList__categoryList > ul {
    margin-bottom: calc(-5 / 1440 * 100vw);
    margin-right: calc(-5 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .c-post__textBox__labelList__categoryList > ul {
    margin-bottom: calc(-5 / 375 * 100vw);
    margin-right: calc(-5 / 375 * 100vw);
  }
}
.c-post__textBox__labelList__categoryList > ul > li {
  align-items: center;
  background-color: var(--color-white);
  border-radius: 3px;
  display: flex;
  font-size: 10px;
  font-weight: 500;
  height: 18px;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 0 10px;
  white-space: nowrap;
}
@media screen and (max-width: 1439px) {
  .c-post__textBox__labelList__categoryList > ul > li {
    border-radius: calc(3 / 1440 * 100vw);
    font-size: calc(10 / 1440 * 100vw);
    height: calc(18 / 1440 * 100vw);
    margin-bottom: calc(5 / 1440 * 100vw);
    margin-right: calc(5 / 1440 * 100vw);
    padding: 0 calc(10 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .c-post__textBox__labelList__categoryList > ul > li {
    border-radius: calc(3 / 375 * 100vw);
    font-size: calc(10 / 375 * 100vw);
    height: calc(18 / 375 * 100vw);
    margin-bottom: calc(5 / 375 * 100vw);
    margin-right: calc(5 / 375 * 100vw);
    padding: 0 calc(10 / 375 * 100vw);
  }
}
.c-post__textBox__labelList__categoryList + *::before {
  background-color: var(--color-black);
  content: "";
  display: block;
  height: 15px;
  margin: 0 10px;
  transform: translateY(2px);
  width: 1px;
}
@media screen and (max-width: 1439px) {
  .c-post__textBox__labelList__categoryList + *::before {
    height: calc(15 / 1440 * 100vw);
    margin: 0 calc(10 / 1440 * 100vw);
    transform: translateY(calc(2 / 1440 * 100vw));
  }
}
@media screen and (max-width: 767px) {
  .c-post__textBox__labelList__categoryList + *::before {
    height: calc(15 / 375 * 100vw);
    margin: 0 calc(10 / 375 * 100vw);
    transform: translateY(calc(2 / 375 * 100vw));
  }
}
.c-post__textBox__labelList__tagList {
  display: flex;
}
.c-post__textBox__labelList__tagList > ul {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -5px;
  margin-right: -5px;
}
@media screen and (max-width: 1439px) {
  .c-post__textBox__labelList__tagList > ul {
    margin-bottom: calc(-5 / 1440 * 100vw);
    margin-right: calc(-5 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .c-post__textBox__labelList__tagList > ul {
    margin-bottom: calc(-5 / 375 * 100vw);
    margin-right: calc(-5 / 375 * 100vw);
  }
}
.c-post__textBox__labelList__tagList > ul > li {
  align-items: center;
  background-color: #ebeced;
  border-radius: 3px;
  display: flex;
  font-size: 10px;
  font-weight: 500;
  height: 18px;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 0 10px;
  white-space: nowrap;
}
@media screen and (max-width: 1439px) {
  .c-post__textBox__labelList__tagList > ul > li {
    border-radius: calc(3 / 1440 * 100vw);
    font-size: calc(10 / 1440 * 100vw);
    height: calc(18 / 1440 * 100vw);
    margin-bottom: calc(5 / 1440 * 100vw);
    margin-right: calc(5 / 1440 * 100vw);
    padding: 0 calc(10 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .c-post__textBox__labelList__tagList > ul > li {
    border-radius: calc(3 / 375 * 100vw);
    font-size: calc(10 / 375 * 100vw);
    height: calc(18 / 375 * 100vw);
    margin-bottom: calc(5 / 375 * 100vw);
    margin-right: calc(5 / 375 * 100vw);
    padding: 0 calc(10 / 375 * 100vw);
  }
}
.c-post__textBox__labelList__tagList + *::before {
  background-color: var(--color-black);
  content: "";
  display: block;
  height: 15px;
  margin: 0 10px;
  transform: translateY(2px);
  width: 1px;
}
@media screen and (max-width: 1439px) {
  .c-post__textBox__labelList__tagList + *::before {
    height: calc(15 / 1440 * 100vw);
    margin: 0 calc(10 / 1440 * 100vw);
    transform: translateY(calc(2 / 1440 * 100vw));
  }
}
@media screen and (max-width: 767px) {
  .c-post__textBox__labelList__tagList + *::before {
    height: calc(15 / 375 * 100vw);
    margin: 0 calc(10 / 375 * 100vw);
    transform: translateY(calc(2 / 375 * 100vw));
  }
}
.c-post__textBox__title {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  font-size: 15px;
  font-weight: bold;
  line-height: 26px;
  overflow: hidden;
  transition: 0.3s;
}
@media screen and (max-width: 1439px) {
  .c-post__textBox__title {
    font-size: calc(15 / 1440 * 100vw);
    line-height: calc(26 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .c-post__textBox__title {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(26 / 375 * 100vw);
  }
}
.c-post__textBox__modDate {
  font-size: 10px;
  font-weight: 500;
  margin-top: 5px;
}
@media screen and (max-width: 1439px) {
  .c-post__textBox__modDate {
    font-size: calc(10 / 1440 * 100vw);
    margin-top: calc(5 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .c-post__textBox__modDate {
    font-size: calc(10 / 375 * 100vw);
    margin-top: calc(5 / 375 * 100vw);
  }
}
.c-post__link {
  margin-top: 12px;
}
@media screen and (max-width: 1439px) {
  .c-post__link {
    margin-top: calc(12 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .c-post__link {
    margin-top: calc(8 / 375 * 100vw);
  }
}
.c-post__link a {
  align-items: center;
  display: flex;
  font-size: 12px;
}
@media screen and (max-width: 1439px) {
  .c-post__link a {
    font-size: calc(12 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .c-post__link a {
    font-size: calc(12 / 375 * 100vw);
  }
}
.c-post__link a::after {
  -webkit-mask-image: url(../images/icon_arrow_readmore.svg);
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  background-color: var(--color-black);
  content: "";
  display: block;
  height: 10px;
  margin-left: 16px;
  mask-image: url(../images/icon_arrow_readmore.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  transition: 0.3s;
  width: 6px;
}
@media screen and (max-width: 1439px) {
  .c-post__link a::after {
    height: calc(10 / 1440 * 100vw);
    margin-left: calc(16 / 1440 * 100vw);
    width: calc(6 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .c-post__link a::after {
    height: calc(10 / 375 * 100vw);
    margin-left: calc(16 / 375 * 100vw);
    width: calc(6 / 375 * 100vw);
  }
}
.c-post__link a:hover {
  color: var(--color-main);
}
@media screen and (max-width: 767px) {
  .c-post__link a:hover {
    color: var(--color-black);
  }
}
.c-post__link a:hover::after {
  background-color: var(--color-main);
}
@media screen and (max-width: 767px) {
  .c-post__link a:hover::after {
    background-color: var(--color-black);
  }
}
.c-post--moduleVideo .c-post__thumbnailBox__thumbnail::before,
.c-post--archiveVideo .c-post__thumbnailBox__thumbnail::before {
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: 0.3s;
  width: 100%;
}
.c-post--moduleVideo .c-post__thumbnailBox__thumbnail::after,
.c-post--archiveVideo .c-post__thumbnailBox__thumbnail::after {
  background-image: url(../images/icon_play.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  content: "";
  content: "";
  display: block;
  height: 58px;
  left: 0;
  margin: auto;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.3s;
  width: 58px;
}
@media screen and (max-width: 1439px) {
  .c-post--moduleVideo .c-post__thumbnailBox__thumbnail::after,
  .c-post--archiveVideo .c-post__thumbnailBox__thumbnail::after {
    height: calc(58 / 1440 * 100vw);
    width: calc(58 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .c-post--moduleVideo .c-post__thumbnailBox__thumbnail::after,
  .c-post--archiveVideo .c-post__thumbnailBox__thumbnail::after {
    height: calc(58 / 375 * 100vw);
    width: calc(58 / 375 * 100vw);
  }
}
.c-post--moduleVideo a:hover .c-post__thumbnailBox__thumbnail,
.c-post--archiveVideo a:hover .c-post__thumbnailBox__thumbnail {
  transform: scale(1);
}
.c-post--moduleVideo a:hover .c-post__thumbnailBox__thumbnail::before,
.c-post--archiveVideo a:hover .c-post__thumbnailBox__thumbnail::before {
  background-color: rgba(0, 0, 0, 0.35);
}
@media screen and (max-width: 767px) {
  .c-post--moduleVideo a:hover .c-post__thumbnailBox__thumbnail::before,
  .c-post--archiveVideo a:hover .c-post__thumbnailBox__thumbnail::before {
    background-color: transparent;
  }
}
.c-post--moduleVideo a:hover .c-post__thumbnailBox__thumbnail::after,
.c-post--archiveVideo a:hover .c-post__thumbnailBox__thumbnail::after {
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .c-post--moduleVideo a:hover .c-post__thumbnailBox__thumbnail::after,
  .c-post--archiveVideo a:hover .c-post__thumbnailBox__thumbnail::after {
    opacity: 0;
  }
}
.c-post--moduleVideo .c-post__thumbnailBox {
  padding-top: 56.3%;
}
.c-post--archiveVideo .c-post__thumbnailBox {
  padding-top: 56.3% !important;
}
.c-post--document .c-post__thumbnailBox {
  padding-top: 56.2% !important;
}

.p-archive {
  position: relative;
}
.p-archive__titleBox {
  margin-bottom: 40px;
}
@media screen and (max-width: 1439px) {
  .p-archive__titleBox {
    margin-bottom: calc(40 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-archive__titleBox {
    margin-bottom: calc(15 / 375 * 100vw);
  }
}
.p-archive__titleBox__title {
  font-size: 30px;
  font-weight: 500;
}
@media screen and (max-width: 1439px) {
  .p-archive__titleBox__title {
    font-size: calc(30 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-archive__titleBox__title {
    font-size: calc(20 / 375 * 100vw);
    font-weight: bold;
  }
}
.p-archive__titleBox__title span.category {
  font-size: 20px;
}
@media screen and (max-width: 1439px) {
  .p-archive__titleBox__title span.category {
    font-size: calc(20 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-archive__titleBox__title span.category {
    font-size: calc(14 / 375 * 100vw);
  }
}
.p-archive__titleBox__wrapper {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}
@media screen and (max-width: 1439px) {
  .p-archive__titleBox__wrapper {
    margin-bottom: calc(40 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-archive__titleBox__wrapper {
    margin-bottom: calc(30 / 375 * 100vw);
  }
}
.p-archive__titleBox__wrapper .p-archive__titleBox {
  margin-bottom: 0;
}
.p-archive__searchModule {
  display: none;
  margin-bottom: calc(20 / 375 * 100vw);
}
@media screen and (max-width: 767px) {
  .p-archive__searchModule {
    display: block;
  }
}
.p-archive__searchModule__form form {
  align-items: center;
  display: flex;
}
.p-archive__searchModule__form form input {
  background-color: var(--color-white);
  border-radius: calc(5 / 375 * 100vw);
  font-size: calc(16 / 375 * 100vw);
  height: calc(45 / 375 * 100vw);
  padding: 0 calc(15 / 375 * 100vw);
  width: 100%;
}
.p-archive__searchModule__form form input::-moz-placeholder {
  color: #8d8d8d;
}
.p-archive__searchModule__form form input:-ms-input-placeholder {
  color: #8d8d8d;
}
.p-archive__searchModule__form form input::placeholder {
  color: #8d8d8d;
}
.p-archive__searchModule__form form button {
  background-color: var(--color-black);
  background-image: url(../images/icon_search.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 0 calc(5 / 375 * 100vw) calc(5 / 375 * 100vw) 0;
  color: var(--color-white);
  content: "";
  display: block;
  flex-shrink: 0;
  height: calc(45 / 375 * 100vw);
  overflow: hidden;
  text-indent: 150vw;
  white-space: nowrap;
  width: calc(45 / 375 * 100vw);
}
.p-archive__searchModule__label {
  background-color: #f2f2f2;
  border-radius: calc(23 / 375 * 100vw);
  margin-top: calc(12 / 375 * 100vw);
  padding: 0 calc(20 / 375 * 100vw);
  transition: 0.3s;
}
.p-archive__searchModule__label__button {
  align-items: center;
  display: flex;
  font-size: calc(15 / 375 * 100vw);
  font-weight: 500;
  height: calc(45 / 375 * 100vw);
  justify-content: center;
  position: relative;
}
.p-archive__searchModule__label__button::after {
  background-image: url(../images/icon_arrow_searchmodule.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  content: "";
  display: block;
  height: calc(4 / 375 * 100vw);
  margin: auto 0;
  position: absolute;
  right: 0;
  top: 0;
  width: calc(8 / 375 * 100vw);
}
.p-archive__searchModule__label__content {
  border-top: 1px solid #cbcbcb;
  display: none;
  padding: calc(20 / 375 * 100vw) calc(20 / 375 * 100vw) calc(45 / 375 * 100vw);
}
.p-archive__searchModule__label__content__section__titleBox {
  margin-bottom: calc(15 / 375 * 100vw);
}
.p-archive__searchModule__label__content__section__titleBox__title {
  font-size: calc(14 / 375 * 100vw);
  font-weight: bold;
  padding: calc(10 / 375 * 100vw) calc(5 / 375 * 100vw);
  position: relative;
}
.p-archive__searchModule__label__content__section__titleBox__title::before,
.p-archive__searchModule__label__content__section__titleBox__title::after {
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
}
.p-archive__searchModule__label__content__section__titleBox__title::before {
  background-color: var(--color-main);
  width: calc(22 / 375 * 100vw);
}
.p-archive__searchModule__label__content__section__titleBox__title::after {
  background-color: #cbcbcb;
  left: calc(22 / 375 * 100vw);
  width: calc(100% - (22 / 375 * 100vw));
}
.p-archive__searchModule__label__content__section__tagList > ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: calc(-10 / 375 * 100vw);
  margin-right: calc(-10 / 375 * 100vw);
}
.p-archive__searchModule__label__content__section__tagList > ul > li {
  margin-bottom: calc(10 / 375 * 100vw);
  margin-right: calc(10 / 375 * 100vw);
}
.p-archive__searchModule__label__content__section__tagList > ul > li a {
  background-color: #ebeced;
  border-radius: calc(3 / 375 * 100vw);
  display: block;
  font-size: calc(12 / 375 * 100vw);
  font-weight: 500;
  padding: calc(5 / 375 * 100vw);
}
.p-archive__searchModule__label__content__section
  + .p-archive__searchModule__label__content__section {
  margin-top: calc(20 / 375 * 100vw);
}
.p-archive__searchModule__label__content__section--category
  .p-archive__searchModule__label__content__section__tagList
  > ul {
  display: block;
}
.p-archive__searchModule__label__content__section--category
  .p-archive__searchModule__label__content__section__tagList
  > ul
  > li {
  margin-bottom: 0;
  margin-right: 0;
}
.p-archive__searchModule__label__content__section--category
  .p-archive__searchModule__label__content__section__tagList
  > ul
  > li
  + li {
  margin-top: calc(10 / 375 * 100vw);
}
.p-archive__searchModule__label__content__section--category
  .p-archive__searchModule__label__content__section__tagList
  > ul
  > li
  a {
  background-color: var(--color-white);
  display: inline-block;
}
.p-archive__searchModule__label.is-open {
  border-radius: calc(15 / 375 * 100vw);
}
.p-archive__searchModule__label.is-open
  .p-archive__searchModule__label__button::after {
  transform: rotate(180deg);
}
.p-archive__tab {
  margin-bottom: 20px;
}
@media screen and (max-width: 1439px) {
  .p-archive__tab {
    margin-bottom: calc(20 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-archive__tab {
    margin-bottom: calc(10 / 375 * 100vw);
    margin-top: calc(20 / 375 * 100vw);
    overflow: scroll;
    padding-bottom: calc(5 / 375 * 100vw);
  }
}
.p-archive__tab > ul {
  align-items: center;
  background-color: var(--color-bg2);
  border-radius: 20px;
  display: inline-flex;
  height: 40px;
}
@media screen and (max-width: 1439px) {
  .p-archive__tab > ul {
    border-radius: calc(20 / 1440 * 100vw);
    height: calc(40 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-archive__tab > ul {
    border-radius: calc(23 / 375 * 100vw);
    height: calc(35 / 375 * 100vw);
  }
}
.p-archive__tab > ul > li {
  height: 100%;
}
.p-archive__tab > ul > li a {
  align-items: center;
  color: var(--color-black2);
  display: flex;
  font-size: 15px;
  height: 100%;
  justify-content: center;
  padding: 0 28px;
  transition: 0s;
}
@media screen and (max-width: 1439px) {
  .p-archive__tab > ul > li a {
    font-size: calc(15 / 1440 * 100vw);
    padding: 0 calc(28 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-archive__tab > ul > li a {
    font-size: calc(13 / 375 * 100vw);
    padding: 0 calc(25 / 375 * 100vw);
    white-space: nowrap;
  }
}
.p-archive__tab > ul > li a:hover {
  opacity: 1;
}
.p-archive__tab > ul > li.is-current {
  background-color: var(--color-main);
  border-radius: 20px;
  color: var(--color-white);
}
@media screen and (max-width: 1439px) {
  .p-archive__tab > ul > li.is-current {
    border-radius: calc(20 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-archive__tab > ul > li.is-current {
    border-radius: calc(23 / 375 * 100vw);
  }
}
.p-archive__tab > ul > li.is-current a {
  color: var(--color-white);
}
.p-archive__readmore a {
  align-items: center;
  display: flex;
  font-size: 13px;
  font-weight: bold;
}
@media screen and (max-width: 1439px) {
  .p-archive__readmore a {
    font-size: calc(13 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-archive__readmore a {
    font-size: calc(12 / 375 * 100vw);
  }
}
.p-archive__readmore a::after {
  -webkit-mask-image: url(../images/icon_arrow_readmore.svg);
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  background-color: var(--color-black);
  content: "";
  display: block;
  height: 10px;
  margin-left: 15px;
  mask-image: url(../images/icon_arrow_readmore.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  transition: 0.3s;
  width: 6px;
}
@media screen and (max-width: 1439px) {
  .p-archive__readmore a::after {
    height: calc(10 / 1440 * 100vw);
    margin-left: calc(15 / 1440 * 100vw);
    width: calc(6 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-archive__readmore a::after {
    height: calc(6 / 375 * 100vw);
    margin-left: calc(10 / 375 * 100vw);
    width: calc(3 / 375 * 100vw);
  }
}
.p-archive__readmore a:hover {
  color: var(--color-main);
}
@media screen and (max-width: 767px) {
  .p-archive__readmore a:hover {
    color: var(--color-black);
  }
}
.p-archive__readmore a:hover::after {
  background-color: var(--color-main);
}
@media screen and (max-width: 767px) {
  .p-archive__readmore a:hover::after {
    background-color: var(--color-black);
  }
}
.p-archive__postList > ul {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .p-archive__postList > ul {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.p-archive__postList > ul > li {
  margin-left: 1.5%;
  margin-top: 5.2%;
  width: 32.3333333333%;
}
@media screen and (max-width: 767px) {
  .p-archive__postList > ul > li {
    margin-left: 0;
    margin-top: calc(20 / 375 * 100vw);
    width: calc(164 / 375 * 100vw);
  }
}
.p-archive__postList > ul > li:nth-child(-n + 3) {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .p-archive__postList > ul > li:nth-child(-n + 3) {
    margin-top: calc(20 / 375 * 100vw);
  }
}
.p-archive__postList > ul > li:nth-child(3n + 1) {
  margin-left: 0;
}
@media screen and (max-width: 767px) {
  .p-archive__postList > ul > li:first-child {
    margin-top: 0;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .p-archive__postList > ul > li:first-child .c-post__thumbnailBox {
    padding-top: calc(228 / 375 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-archive__postList > ul > li:first-child .c-post__textBox__title {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(26 / 375 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-archive__postList > ul > li:first-child .c-post__textBox__labelList {
    display: flex;
  }
}
.p-archive__postList .c-post {
  width: 100%;
}
.p-archive__postList .c-post__thumbnailBox {
  padding-top: 69%;
}
@media screen and (max-width: 767px) {
  .p-archive__postList .c-post__thumbnailBox {
    padding-top: calc(112 / 375 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-archive__postList .c-post__textBox {
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  .p-archive__postList .c-post__textBox__title {
    font-size: calc(12 / 375 * 100vw);
    line-height: calc(20 / 375 * 100vw);
  }
}
.p-archive__noitem {
  align-items: center;
  display: flex;
  height: 100px;
}
.p-archive__noitem__text {
  font-size: 15px;
  line-height: 26px;
}
@media screen and (max-width: 1439px) {
  .p-archive__noitem__text {
    font-size: calc(15 / 1440 * 100vw);
    line-height: calc(26 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-archive__noitem__text {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(26 / 375 * 100vw);
  }
}
.p-archive__pagination {
  height: 40px;
  margin-top: 80px;
  text-align: center;
}
@media screen and (max-width: 1439px) {
  .p-archive__pagination {
    height: calc(40 / 1440 * 100vw);
    margin-top: calc(80 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-archive__pagination {
    height: calc(40 / 375 * 100vw);
    margin-top: calc(80 / 375 * 100vw);
  }
}
.p-archive__pagination__inner {
  align-items: center;
  background-color: #f2f2f2;
  border-radius: 23px;
  display: inline-flex;
  height: 100%;
  justify-content: center;
  padding: 0 32px;
}
@media screen and (max-width: 1439px) {
  .p-archive__pagination__inner {
    border-radius: calc(23 / 1440 * 100vw);
    padding: 0 calc(32 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-archive__pagination__inner {
    border-radius: calc(23 / 375 * 100vw);
    padding: 0 calc(32 / 375 * 100vw);
  }
}
.p-archive__pagination .page-numbers {
  align-items: center;
  border-radius: 50%;
  color: #8d8d8d;
  display: flex;
  font-family: "Barlow";
  font-size: 12px;
  font-weight: 500;
  height: 32px;
  justify-content: center;
  width: 32px;
}
@media screen and (max-width: 1439px) {
  .p-archive__pagination .page-numbers {
    font-size: calc(12 / 1440 * 100vw);
    height: calc(32 / 1440 * 100vw);
    width: calc(32 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-archive__pagination .page-numbers {
    font-size: calc(12 / 375 * 100vw);
    height: calc(32 / 375 * 100vw);
    width: calc(32 / 375 * 100vw);
  }
}
.p-archive__pagination .page-numbers.current {
  background-color: var(--color-black);
  color: var(--color-white);
}
.p-archive__pagination .page-numbers.prev,
.p-archive__pagination .page-numbers.next {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 100%;
  width: 32px;
}
@media screen and (max-width: 1439px) {
  .p-archive__pagination .page-numbers.prev,
  .p-archive__pagination .page-numbers.next {
    width: calc(32 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-archive__pagination .page-numbers.prev,
  .p-archive__pagination .page-numbers.next {
    width: calc(32 / 375 * 100vw);
  }
}
.p-archive__pagination .page-numbers.prev {
  background-image: url(../images/icon_prev_pagination.svg);
}
.p-archive__pagination .page-numbers.next {
  background-image: url(../images/icon_next_pagination.svg);
}

@media screen and (max-width: 767px) {
  #video .p-archive__postList > ul > li {
    width: 100%;
  }
}

.p-companyContent + * {
  border-top: 1px solid var(--color-border);
  margin-top: 0;
  padding-top: 70px;
}
@media screen and (max-width: 1439px) {
  .p-companyContent + * {
    padding-top: calc(70 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-companyContent + * {
    padding-top: calc(70 / 375 * 100vw);
  }
}
.p-companyContent + * .p-video__readmore {
  top: 70px;
}
@media screen and (max-width: 1439px) {
  .p-companyContent + * .p-video__readmore {
    top: calc(70 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-companyContent + * .p-video__readmore {
    top: calc(70 / 375 * 100vw);
  }
}
.p-companyContent__inner {
  margin: 0 auto;
  padding-bottom: 135px;
  padding-top: 100px;
  width: 795px;
}
@media screen and (max-width: 1439px) {
  .p-companyContent__inner {
    padding-bottom: calc(135 / 1440 * 100vw);
    padding-top: calc(100 / 1440 * 100vw);
    width: calc(795 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-companyContent__inner {
    padding-bottom: calc(100 / 375 * 100vw);
    padding-top: calc(40 / 375 * 100vw);
    width: 100%;
  }
}
.p-companyContent__section__titleBox {
  margin-bottom: 20px;
}
@media screen and (max-width: 1439px) {
  .p-companyContent__section__titleBox {
    margin-bottom: calc(20 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-companyContent__section__titleBox {
    margin-bottom: calc(10 / 375 * 100vw);
  }
}
.p-companyContent__section__titleBox__titleEn {
  font-family: "Barlow";
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
  text-align: center;
}
@media screen and (max-width: 1439px) {
  .p-companyContent__section__titleBox__titleEn {
    font-size: calc(20 / 1440 * 100vw);
    margin-bottom: calc(15 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-companyContent__section__titleBox__titleEn {
    font-size: calc(15 / 375 * 100vw);
    margin-bottom: calc(10 / 375 * 100vw);
  }
}
.p-companyContent__section__titleBox__titleJa {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 1439px) {
  .p-companyContent__section__titleBox__titleJa {
    font-size: calc(30 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-companyContent__section__titleBox__titleJa {
    font-size: calc(22 / 375 * 100vw);
  }
}
.p-companyContent__section__titleBox__logo {
  background-image: url(../images/slogan_logo_marketingspot.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 36px;
  margin: 0 auto;
  overflow: hidden;
  text-indent: 150vw;
  white-space: nowrap;
  width: 396px;
}
@media screen and (max-width: 1439px) {
  .p-companyContent__section__titleBox__logo {
    height: calc(36 / 1440 * 100vw);
    width: calc(396 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-companyContent__section__titleBox__logo {
    height: calc(21 / 375 * 100vw);
    width: calc(289 / 375 * 100vw);
  }
}
.p-companyContent__section__text {
  font-size: 17px;
  line-height: 30px;
  text-align: center;
}
@media screen and (max-width: 1439px) {
  .p-companyContent__section__text {
    font-size: calc(17 / 1440 * 100vw);
    line-height: calc(30 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-companyContent__section__text {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(26 / 375 * 100vw);
    text-align: left;
  }
}
.p-companyContent__section__infoList {
  margin: 40px auto 0;
  width: 596px;
}
@media screen and (max-width: 1439px) {
  .p-companyContent__section__infoList {
    margin: calc(40 / 1440 * 100vw) auto 0;
    width: calc(596 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-companyContent__section__infoList {
    margin: calc(40 / 375 * 100vw) auto 0;
    width: 100%;
  }
}
.p-companyContent__section__infoList > ul > li {
  border-bottom: 1px solid #e2e2e2;
  padding: 17px 25px;
}
@media screen and (max-width: 1439px) {
  .p-companyContent__section__infoList > ul > li {
    padding: calc(17 / 1440 * 100vw) calc(25 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-companyContent__section__infoList > ul > li {
    padding: calc(13 / 375 * 100vw) calc(10 / 375 * 100vw);
  }
}
.p-companyContent__section__infoList > ul > li:first-child {
  border-top: 1px solid #e2e2e2;
}
.p-companyContent__section__infoList dl {
  display: flex;
}
.p-companyContent__section__infoList dl dt {
  flex-shrink: 0;
  font-size: 16px;
  line-height: 32px;
  width: 180px;
}
@media screen and (max-width: 1439px) {
  .p-companyContent__section__infoList dl dt {
    font-size: calc(16 / 1440 * 100vw);
    line-height: calc(32 / 1440 * 100vw);
    width: calc(180 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-companyContent__section__infoList dl dt {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(24 / 375 * 100vw);
    width: calc(110 / 375 * 100vw);
  }
}
.p-companyContent__section__infoList dl dd {
  font-size: 16px;
  line-height: 32px;
}
@media screen and (max-width: 1439px) {
  .p-companyContent__section__infoList dl dd {
    font-size: calc(16 / 1440 * 100vw);
    line-height: calc(32 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-companyContent__section__infoList dl dd {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(32 / 375 * 100vw);
  }
}
.p-companyContent__section__service {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
@media screen and (max-width: 1439px) {
  .p-companyContent__section__service {
    margin-top: calc(40 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-companyContent__section__service {
    display: block;
    margin-top: calc(25 / 375 * 100vw);
  }
}
.p-companyContent__section__service__logoBox {
  width: 360px;
}
@media screen and (max-width: 1439px) {
  .p-companyContent__section__service__logoBox {
    width: calc(360 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-companyContent__section__service__logoBox {
    margin: 0 auto;
    width: calc(276 / 375 * 100vw);
  }
}
.p-companyContent__section__service__logoBox__logo img {
  height: auto;
  width: 100%;
}
.p-companyContent__section__service__logoBox__text {
  font-size: 30px;
  font-weight: bold;
  margin-top: 15px;
}
@media screen and (max-width: 1439px) {
  .p-companyContent__section__service__logoBox__text {
    font-size: calc(30 / 1440 * 100vw);
    margin-top: calc(15 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-companyContent__section__service__logoBox__text {
    font-size: calc(20 / 375 * 100vw);
    margin-top: calc(10 / 375 * 100vw);
    text-align: center;
  }
}
.p-companyContent__section__service__button {
  flex-shrink: 0;
  height: 55px;
  margin-left: 88px;
  width: 306px;
}
@media screen and (max-width: 1439px) {
  .p-companyContent__section__service__button {
    height: calc(55 / 1440 * 100vw);
    margin-left: calc(88 / 1440 * 100vw);
    width: calc(306 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-companyContent__section__service__button {
    height: calc(54 / 375 * 100vw);
    margin-left: auto;
    margin-right: auto;
    margin-top: calc(15 / 375 * 100vw);
    width: calc(295 / 375 * 100vw);
  }
}
.p-companyContent__section__service__button a {
  align-items: center;
  background: #fb5c35;
  border: 2px solid #fb5c35;
  border-radius: 30px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
  color: var(--color-white);
  display: flex;
  font-size: 15px;
  font-weight: bold;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 1439px) {
  .p-companyContent__section__service__button a {
    border: calc(2 / 1440 * 100vw) solid #fb5c35;
    border-radius: calc(30 / 1440 * 100vw);
    box-shadow: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw)
      calc(5 / 1440 * 100vw) rgba(0, 0, 0, 0.15);
    font-size: calc(15 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-companyContent__section__service__button a {
    border: calc(2 / 375 * 100vw) solid #fb5c35;
    border-radius: calc(30 / 375 * 100vw);
    box-shadow: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw)
      calc(5 / 375 * 100vw) rgba(0, 0, 0, 0.15);
    font-size: calc(15 / 375 * 100vw);
  }
}
.p-companyContent__section__service__button a::after {
  background-image: url(../images/icon_arrow_button.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  content: "";
  display: block;
  height: 10px;
  margin: auto 0;
  position: absolute;
  right: 16px;
  top: 0;
  width: 6px;
}
@media screen and (max-width: 1439px) {
  .p-companyContent__section__service__button a::after {
    height: calc(10 / 1440 * 100vw);
    right: calc(16 / 1440 * 100vw);
    width: calc(6 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-companyContent__section__service__button a::after {
    height: calc(10 / 375 * 100vw);
    right: calc(16 / 375 * 100vw);
    width: calc(6 / 375 * 100vw);
  }
}
.p-companyContent__section + .p-companyContent__section {
  margin-top: 100px;
}
@media screen and (max-width: 1439px) {
  .p-companyContent__section + .p-companyContent__section {
    margin-top: calc(100 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-companyContent__section + .p-companyContent__section {
    margin-top: calc(40 / 375 * 100vw);
  }
}
.p-companyContent__cta {
  align-items: center;
  background-color: var(--color-white);
  border-radius: 10px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
  display: flex;
  height: 125px;
  justify-content: center;
  margin-top: 100px;
  width: 750px;
}
@media screen and (max-width: 1439px) {
  .p-companyContent__cta {
    border-radius: calc(10 / 1440 * 100vw);
    box-shadow: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw)
      calc(10 / 1440 * 100vw) rgba(0, 0, 0, 0.16);
    height: calc(125 / 1440 * 100vw);
    margin-top: calc(100 / 1440 * 100vw);
    width: calc(750 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-companyContent__cta {
    border-radius: calc(10 / 375 * 100vw);
    box-shadow: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw)
      calc(10 / 375 * 100vw) rgba(0, 0, 0, 0.16);
    display: block;
    height: auto;
    margin-top: calc(40 / 375 * 100vw);
    padding: calc(35 / 375 * 100vw) calc(20 / 375 * 100vw);
    width: 100%;
  }
}
.p-companyContent__cta__textBox__text1 {
  align-items: center;
  display: flex;
  font-size: 15px;
  font-weight: bold;
  justify-content: center;
  line-height: 27px;
  text-align: center;
}
@media screen and (max-width: 1439px) {
  .p-companyContent__cta__textBox__text1 {
    font-size: calc(15 / 1440 * 100vw);
    line-height: calc(27 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-companyContent__cta__textBox__text1 {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(27 / 375 * 100vw);
  }
}
.p-companyContent__cta__textBox__text1::before,
.p-companyContent__cta__textBox__text1::after {
  background-image: url(../images/company_cta_decoration.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 17px;
  margin-right: 5px;
  width: 8px;
}
@media screen and (max-width: 1439px) {
  .p-companyContent__cta__textBox__text1::before,
  .p-companyContent__cta__textBox__text1::after {
    height: calc(17 / 1440 * 100vw);
    margin-right: calc(5 / 1440 * 100vw);
    width: calc(8 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-companyContent__cta__textBox__text1::before,
  .p-companyContent__cta__textBox__text1::after {
    height: calc(17 / 375 * 100vw);
    margin-right: calc(5 / 375 * 100vw);
    width: calc(8 / 375 * 100vw);
  }
}
.p-companyContent__cta__textBox__text1::before {
  margin-right: 5px;
}
@media screen and (max-width: 1439px) {
  .p-companyContent__cta__textBox__text1::before {
    margin-right: calc(5 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-companyContent__cta__textBox__text1::before {
    margin-right: calc(5 / 375 * 100vw);
  }
}
.p-companyContent__cta__textBox__text1::after {
  margin-left: 4px;
  transform: scaleX(-1);
}
@media screen and (max-width: 1439px) {
  .p-companyContent__cta__textBox__text1::after {
    margin-left: calc(4 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-companyContent__cta__textBox__text1::after {
    margin-left: calc(4 / 375 * 100vw);
  }
}
.p-companyContent__cta__textBox__text2 {
  font-size: 20px;
  font-weight: bold;
  line-height: 27px;
  text-align: center;
}
@media screen and (max-width: 1439px) {
  .p-companyContent__cta__textBox__text2 {
    font-size: calc(20 / 1440 * 100vw);
    line-height: calc(27 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-companyContent__cta__textBox__text2 {
    font-size: calc(20 / 375 * 100vw);
    line-height: calc(27 / 375 * 100vw);
  }
}
.p-companyContent__cta__button {
  flex-shrink: 0;
  height: 55px;
  margin-left: 34px;
  width: 306px;
}
@media screen and (max-width: 1439px) {
  .p-companyContent__cta__button {
    height: calc(55 / 1440 * 100vw);
    margin-left: calc(34 / 1440 * 100vw);
    width: calc(306 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-companyContent__cta__button {
    height: calc(54 / 375 * 100vw);
    margin-left: calc(0 / 375 * 100vw);
    margin-top: calc(10 / 375 * 100vw);
    width: calc(295 / 375 * 100vw);
  }
}
.p-companyContent__cta__button a {
  align-items: center;
  background: #fb5c35;
  border: 2px solid #fb5c35;
  border-radius: 30px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
  color: var(--color-white);
  display: flex;
  font-size: 15px;
  font-weight: bold;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 1439px) {
  .p-companyContent__cta__button a {
    border: calc(2 / 1440 * 100vw) solid #fb5c35;
    border-radius: calc(30 / 1440 * 100vw);
    box-shadow: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw)
      calc(5 / 1440 * 100vw) rgba(0, 0, 0, 0.15);
    font-size: calc(15 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-companyContent__cta__button a {
    border: calc(2 / 375 * 100vw) solid #fb5c35;
    border-radius: calc(30 / 375 * 100vw);
    box-shadow: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw)
      calc(5 / 375 * 100vw) rgba(0, 0, 0, 0.15);
    font-size: calc(15 / 375 * 100vw);
  }
}
.p-companyContent__cta__button a::after {
  background-image: url(../images/icon_arrow_button.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  content: "";
  display: block;
  height: 10px;
  margin: auto 0;
  position: absolute;
  right: 16px;
  top: 0;
  width: 6px;
}
@media screen and (max-width: 1439px) {
  .p-companyContent__cta__button a::after {
    height: calc(10 / 1440 * 100vw);
    right: calc(16 / 1440 * 100vw);
    width: calc(6 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-companyContent__cta__button a::after {
    height: calc(10 / 375 * 100vw);
    right: calc(16 / 375 * 100vw);
    width: calc(6 / 375 * 100vw);
  }
}
.p-companyContent__cta + * {
  margin-top: 100px;
}
@media screen and (max-width: 1439px) {
  .p-companyContent__cta + * {
    margin-top: calc(100 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-companyContent__cta + * {
    margin-top: calc(40 / 375 * 100vw);
  }
}

.p-companyHeader {
  background-image: url(../images/bg_companyheader.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 483px;
}
@media screen and (max-width: 1439px) {
  .p-companyHeader {
    height: calc(483 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-companyHeader {
    background-image: url(../images/bg_companyheader_sp.png);
    height: calc(388 / 375 * 100vw);
  }
}
.p-companyHeader__inner {
  margin: 0 auto;
  width: 1120px;
}
@media screen and (max-width: 1439px) {
  .p-companyHeader__inner {
    width: calc(1120 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-companyHeader__inner {
    padding-top: calc(50 / 375 * 100vw);
    width: 100%;
  }
}
.p-companyHeader__header {
  align-items: center;
  display: flex;
  height: 150px;
}
@media screen and (max-width: 1439px) {
  .p-companyHeader__header {
    height: calc(150 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-companyHeader__header {
    display: none;
    height: calc(150 / 375 * 100vw);
  }
}
.p-companyHeader__header__breadCrumb {
  -ms-overflow-style: none;
  overflow: scroll;
  scrollbar-width: none;
  width: 795px;
}
@media screen and (max-width: 1439px) {
  .p-companyHeader__header__breadCrumb {
    width: calc(795 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-companyHeader__header__breadCrumb {
    width: calc(795 / 375 * 100vw);
  }
}
.p-companyHeader__header__breadCrumb::-webkit-scrollbar {
  display: none;
}
.p-companyHeader__header__breadCrumb__nav > ul {
  align-items: center;
  display: flex;
}
.p-companyHeader__header__breadCrumb__nav > ul > li {
  color: var(--color-white);
  font-size: 13px;
  white-space: nowrap;
}
@media screen and (max-width: 1439px) {
  .p-companyHeader__header__breadCrumb__nav > ul > li {
    font-size: calc(13 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-companyHeader__header__breadCrumb__nav > ul > li {
    font-size: calc(13 / 375 * 100vw);
  }
}
.p-companyHeader__header__breadCrumb__nav > ul > li + li {
  align-items: center;
  display: flex;
}
.p-companyHeader__header__breadCrumb__nav > ul > li + li::before {
  background-image: url(../images/icon_arrow_breadcrumb_white.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 7px;
  margin: 0 16px;
  width: 4px;
}
@media screen and (max-width: 1439px) {
  .p-companyHeader__header__breadCrumb__nav > ul > li + li::before {
    height: calc(7 / 1440 * 100vw);
    margin: 0 calc(16 / 1440 * 100vw);
    width: calc(4 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-companyHeader__header__breadCrumb__nav > ul > li + li::before {
    height: calc(7 / 375 * 100vw);
    margin: 0 calc(16 / 375 * 100vw);
    width: calc(4 / 375 * 100vw);
  }
}
.p-companyHeader__header__breadCrumb__nav a {
  color: var(--color-white);
  font-size: 13px;
}
@media screen and (max-width: 1439px) {
  .p-companyHeader__header__breadCrumb__nav a {
    font-size: calc(13 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-companyHeader__header__breadCrumb__nav a {
    font-size: calc(13 / 375 * 100vw);
  }
}
.p-companyHeader__header__button {
  height: 40px;
  margin-left: auto;
  width: 163px;
}
@media screen and (max-width: 1439px) {
  .p-companyHeader__header__button {
    height: calc(40 / 1440 * 100vw);
    width: calc(163 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-companyHeader__header__button {
    height: calc(40 / 375 * 100vw);
    width: calc(163 / 375 * 100vw);
  }
}
.p-companyHeader__header__button a {
  align-items: center;
  background: #fb5c35;
  border: 2px solid #fb5c35;
  border-radius: 20px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
  color: var(--color-white);
  display: flex;
  font-size: 15px;
  font-weight: bold;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 1439px) {
  .p-companyHeader__header__button a {
    border: calc(2 / 1440 * 100vw) solid #fb5c35;
    border-radius: calc(20 / 1440 * 100vw);
    box-shadow: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw)
      calc(5 / 1440 * 100vw) rgba(0, 0, 0, 0.15);
    font-size: calc(15 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-companyHeader__header__button a {
    border: calc(2 / 375 * 100vw) solid #fb5c35;
    border-radius: calc(20 / 375 * 100vw);
    box-shadow: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw)
      calc(5 / 375 * 100vw) rgba(0, 0, 0, 0.15);
    font-size: calc(15 / 375 * 100vw);
  }
}
.p-companyHeader__titleBox__title {
  color: var(--color-white);
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 20px;
}
@media screen and (max-width: 1439px) {
  .p-companyHeader__titleBox__title {
    font-size: calc(30 / 1440 * 100vw);
    margin-bottom: calc(20 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-companyHeader__titleBox__title {
    font-size: calc(23 / 375 * 100vw);
    margin-bottom: calc(15 / 375 * 100vw);
  }
}
.p-companyHeader__titleBox__text {
  color: var(--color-white);
  font-size: 17px;
  line-height: 30px;
}
@media screen and (max-width: 1439px) {
  .p-companyHeader__titleBox__text {
    font-size: calc(17 / 1440 * 100vw);
    line-height: calc(30 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-companyHeader__titleBox__text {
    font-size: calc(14 / 375 * 100vw);
    line-height: calc(24 / 375 * 100vw);
  }
}
.p-companyHeader__logo {
  margin-top: 15px;
  width: 143px;
}
.p-companyHeader__logo img {
  height: auto;
  width: 100%;
}
@media screen and (max-width: 1439px) {
  .p-companyHeader__logo {
    margin-top: calc(15 / 1440 * 100vw);
    width: calc(143 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-companyHeader__logo {
    margin-top: calc(15 / 375 * 100vw);
    width: calc(138 / 375 * 100vw);
  }
}

.p-contact__inner {
  margin: 0 auto;
  width: 1120px;
}
@media screen and (max-width: 1439px) {
  .p-contact__inner {
    width: calc(1120 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-contact__inner {
    padding-top: calc(10 / 375 * 100vw);
    width: 100%;
  }
}
.p-contact__titleBox {
  margin-bottom: 30px;
}
@media screen and (max-width: 1439px) {
  .p-contact__titleBox {
    margin-bottom: calc(30 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-contact__titleBox {
    margin-bottom: calc(15 / 375 * 100vw);
  }
}
.p-contact__titleBox__title {
  font-size: 30px;
  font-weight: 500;
  line-height: 48px;
}
@media screen and (max-width: 1439px) {
  .p-contact__titleBox__title {
    font-size: calc(30 / 1440 * 100vw);
    line-height: calc(48 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-contact__titleBox__title {
    font-size: calc(20 / 375 * 100vw);
    line-height: calc(32 / 375 * 100vw);
  }
}
.p-contact__content {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .p-contact__content {
    display: block;
  }
}
.p-contact__content__main {
  width: 490px;
}
@media screen and (max-width: 1439px) {
  .p-contact__content__main {
    width: calc(490 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-contact__content__main {
    width: 100%;
  }
}
.p-contact__content__main__slider__swiper1 {
  position: relative;
}
.p-contact__content__main__slider__swiper1 .swiper-container {
  overflow: hidden;
}
.p-contact__content__main__slider__swiper1 .swiper-button-prev,
.p-contact__content__main__slider__swiper1 .swiper-button-next {
  top: 117px;
}
@media screen and (max-width: 1439px) {
  .p-contact__content__main__slider__swiper1 .swiper-button-prev,
  .p-contact__content__main__slider__swiper1 .swiper-button-next {
    top: calc(117 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-contact__content__main__slider__swiper1 .swiper-button-prev,
  .p-contact__content__main__slider__swiper1 .swiper-button-next {
    top: calc(117 / 375 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-contact__content__main__slider__swiper1 .swiper-button-prev {
    left: calc(-12 / 375 * 100vw);
  }
}
.p-contact__content__main__slider__swiper1 .swiper-button-next {
  right: -8px;
}
@media screen and (max-width: 1439px) {
  .p-contact__content__main__slider__swiper1 .swiper-button-next {
    right: calc(-8 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-contact__content__main__slider__swiper1 .swiper-button-next {
    right: calc(-12 / 375 * 100vw);
  }
}
.p-contact__content__main__slider__swiper1__thumbnail {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 270px;
  margin: 0 5px;
}
@media screen and (max-width: 1439px) {
  .p-contact__content__main__slider__swiper1__thumbnail {
    height: calc(270 / 1440 * 100vw);
    margin: 0 calc(5 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-contact__content__main__slider__swiper1__thumbnail {
    height: calc(187 / 375 * 100vw);
  }
}
.p-contact__content__main__slider__swiper2 {
  margin-top: 10px;
}
@media screen and (max-width: 1439px) {
  .p-contact__content__main__slider__swiper2 {
    margin-top: calc(10 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-contact__content__main__slider__swiper2 {
    margin-top: calc(7 / 375 * 100vw);
  }
}
.p-contact__content__main__slider__swiper2 .swiper-container {
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-contact__content__main__slider__swiper2 .swiper-container {
    margin: 0 calc(-3 / 375 * 100vw);
  }
}
.p-contact__content__main__slider__swiper2__thumbnail {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  cursor: pointer;
  display: block;
  height: 86px;
  margin: 0 auto;
  width: 154px;
}
@media screen and (max-width: 1439px) {
  .p-contact__content__main__slider__swiper2__thumbnail {
    height: calc(86 / 1440 * 100vw);
    width: calc(154 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-contact__content__main__slider__swiper2__thumbnail {
    height: calc(60 / 375 * 100vw);
    width: calc(107 / 375 * 100vw);
  }
}
.p-contact__content__main__entry {
  margin-top: 10px;
}
@media screen and (max-width: 1439px) {
  .p-contact__content__main__entry {
    margin-top: calc(10 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-contact__content__main__entry {
    margin-top: calc(15 / 375 * 100vw);
  }
}
.p-contact__content__main__entry p {
  font-size: 15px;
  line-height: 26px;
}
@media screen and (max-width: 1439px) {
  .p-contact__content__main__entry p {
    font-size: calc(15 / 1440 * 100vw);
    line-height: calc(26 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-contact__content__main__entry p {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(26 / 375 * 100vw);
  }
}
.p-contact__content__main__entry p + * {
  margin-top: 26px;
}
@media screen and (max-width: 1439px) {
  .p-contact__content__main__entry p + * {
    margin-top: calc(26 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-contact__content__main__entry p + * {
    margin-top: calc(26 / 375 * 100vw);
  }
}
.p-contact__content__main__entry p + h2,
.p-contact__content__main__entry p + h3 {
  margin-top: 30px;
}
@media screen and (max-width: 1439px) {
  .p-contact__content__main__entry p + h2,
  .p-contact__content__main__entry p + h3 {
    margin-top: calc(30 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-contact__content__main__entry p + h2,
  .p-contact__content__main__entry p + h3 {
    margin-top: calc(30 / 375 * 100vw);
  }
}
.p-contact__content__main__entry h2 {
  font-size: 22px;
  font-weight: bold;
  line-height: 35px;
  margin-bottom: 25px;
  padding: 10px 5px;
  position: relative;
}
@media screen and (max-width: 1439px) {
  .p-contact__content__main__entry h2 {
    font-size: calc(22 / 1440 * 100vw);
    line-height: calc(35 / 1440 * 100vw);
    margin-bottom: calc(25 / 1440 * 100vw);
    padding: calc(10 / 1440 * 100vw) calc(5 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-contact__content__main__entry h2 {
    font-size: calc(17 / 375 * 100vw);
    line-height: calc(28 / 375 * 100vw);
    margin-bottom: calc(15 / 375 * 100vw);
    padding: calc(8 / 375 * 100vw) calc(4 / 375 * 100vw);
  }
}
.p-contact__content__main__entry h2::before,
.p-contact__content__main__entry h2::after {
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
}
@media screen and (max-width: 1439px) {
  .p-contact__content__main__entry h2::before,
  .p-contact__content__main__entry h2::after {
    height: calc(2 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-contact__content__main__entry h2::before,
  .p-contact__content__main__entry h2::after {
    height: calc(2 / 375 * 100vw);
  }
}
.p-contact__content__main__entry h2::before {
  background-color: var(--color-main);
  width: 30px;
}
@media screen and (max-width: 1439px) {
  .p-contact__content__main__entry h2::before {
    width: calc(30 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-contact__content__main__entry h2::before {
    width: calc(30 / 375 * 100vw);
  }
}
.p-contact__content__main__entry h2::after {
  background-color: #cbcbcb;
  left: 30px;
  width: calc(100% - 30px);
}
@media screen and (max-width: 1439px) {
  .p-contact__content__main__entry h2::after {
    left: calc(30 / 1440 * 100vw);
    width: calc(100% - (30 / 1440 * 100vw));
  }
}
@media screen and (max-width: 767px) {
  .p-contact__content__main__entry h2::after {
    left: calc(30 / 375 * 100vw);
    width: calc(100% - (30 / 375 * 100vw));
  }
}
.p-contact__content__main__entry ul {
  list-style: disc;
  padding-left: 15px;
}
@media screen and (max-width: 1439px) {
  .p-contact__content__main__entry ul {
    padding-left: calc(15 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-contact__content__main__entry ul {
    padding-left: calc(15 / 375 * 100vw);
  }
}
.p-contact__content__main__entry ul > li {
  font-size: 15px;
  line-height: 26px;
}
@media screen and (max-width: 1439px) {
  .p-contact__content__main__entry ul > li {
    font-size: calc(15 / 1440 * 100vw);
    line-height: calc(26 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-contact__content__main__entry ul > li {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(26 / 375 * 100vw);
  }
}
.p-contact__content__main__entry ul + * {
  margin-top: 26px;
}
@media screen and (max-width: 1439px) {
  .p-contact__content__main__entry ul + * {
    margin-top: calc(26 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-contact__content__main__entry ul + * {
    margin-top: calc(26 / 375 * 100vw);
  }
}
.p-contact__content__module {
  background: linear-gradient(#2e3e50 0%, #37495d 100%);
  border-radius: 10px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
  width: 540px;
}
@media screen and (max-width: 1439px) {
  .p-contact__content__module {
    border-radius: calc(10 / 1440 * 100vw);
    box-shadow: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw)
      calc(10 / 1440 * 100vw) rgba(0, 0, 0, 0.15);
    width: calc(540 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-contact__content__module {
    border-radius: calc(10 / 375 * 100vw);
    box-shadow: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw)
      calc(10 / 375 * 100vw) rgba(0, 0, 0, 0.15);
    margin-top: calc(40 / 375 * 100vw);
    width: 100%;
  }
}
.p-contact__content__module__inner {
  padding: 35px;
}
@media screen and (max-width: 1439px) {
  .p-contact__content__module__inner {
    padding: calc(35 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-contact__content__module__inner {
    padding: calc(25 / 375 * 100vw) calc(20 / 375 * 100vw);
  }
}
.p-contact__content__module__titleBox {
  margin-bottom: 30px;
}
@media screen and (max-width: 1439px) {
  .p-contact__content__module__titleBox {
    margin-bottom: calc(30 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-contact__content__module__titleBox {
    margin-bottom: calc(22 / 375 * 100vw);
  }
}
.p-contact__content__module__titleBox__title {
  color: var(--color-white);
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 1439px) {
  .p-contact__content__module__titleBox__title {
    font-size: calc(20 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-contact__content__module__titleBox__title {
    font-size: calc(18 / 375 * 100vw);
    line-height: calc(28 / 375 * 100vw);
    text-align: left;
  }
}
.p-contact__content__module__form form {
  position: relative;
}
.p-contact__content__module__form fieldset + fieldset {
  margin-top: 20px !important;
}
@media screen and (max-width: 1439px) {
  .p-contact__content__module__form fieldset + fieldset {
    margin-top: calc(20 / 1440 * 100vw) !important;
  }
}
@media screen and (max-width: 767px) {
  .p-contact__content__module__form fieldset + fieldset {
    margin-top: calc(20 / 375 * 100vw) !important;
  }
}
.p-contact__content__module__form .form-columns-1 .hs-input {
  width: 100% !important;
}
.p-contact__content__module__form .form-columns-1 .input {
  margin-right: 0 !important;
}
.p-contact__content__module__form .form-columns-2 {
  display: flex;
  justify-content: space-between;
}
.p-contact__content__module__form .form-columns-2 .hs_lastname,
.p-contact__content__module__form .form-columns-2 .hs_firstname {
  width: 228px !important;
}
@media screen and (max-width: 1439px) {
  .p-contact__content__module__form .form-columns-2 .hs_lastname,
  .p-contact__content__module__form .form-columns-2 .hs_firstname {
    width: calc(228 / 1440 * 100vw) !important;
  }
}
@media screen and (max-width: 767px) {
  .p-contact__content__module__form .form-columns-2 .hs_lastname,
  .p-contact__content__module__form .form-columns-2 .hs_firstname {
    width: calc(143 / 375 * 100vw) !important;
  }
}
.p-contact__content__module__form .form-columns-2 .hs_lastname .input,
.p-contact__content__module__form .form-columns-2 .hs_firstname .input {
  margin-right: 0;
}
.p-contact__content__module__form .form-columns-2 .hs_lastname input,
.p-contact__content__module__form .form-columns-2 .hs_firstname input {
  width: 100% !important;
}
.p-contact__content__module__form .hs_company > label,
.p-contact__content__module__form .hs_jobtitle > label,
.p-contact__content__module__form .hs_lastname > label,
.p-contact__content__module__form .hs_firstname > label,
.p-contact__content__module__form .hs_email > label,
.p-contact__content__module__form .hs_phone > label,
.p-contact__content__module__form .hs_comment > label,
.p-contact__content__module__form .hs_comment > label {
  color: var(--color-white);
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 8px;
}
@media screen and (max-width: 1439px) {
  .p-contact__content__module__form .hs_company > label,
  .p-contact__content__module__form .hs_jobtitle > label,
  .p-contact__content__module__form .hs_lastname > label,
  .p-contact__content__module__form .hs_firstname > label,
  .p-contact__content__module__form .hs_email > label,
  .p-contact__content__module__form .hs_phone > label,
  .p-contact__content__module__form .hs_comment > label,
  .p-contact__content__module__form .hs_comment > label {
    font-size: calc(13 / 1440 * 100vw);
    margin-bottom: calc(8 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-contact__content__module__form .hs_company > label,
  .p-contact__content__module__form .hs_jobtitle > label,
  .p-contact__content__module__form .hs_lastname > label,
  .p-contact__content__module__form .hs_firstname > label,
  .p-contact__content__module__form .hs_email > label,
  .p-contact__content__module__form .hs_phone > label,
  .p-contact__content__module__form .hs_comment > label,
  .p-contact__content__module__form .hs_comment > label {
    font-size: calc(15 / 375 * 100vw);
    margin-bottom: calc(8 / 375 * 100vw);
  }
}
.p-contact__content__module__form .hs_company input,
.p-contact__content__module__form .hs_company textarea,
.p-contact__content__module__form .hs_jobtitle input,
.p-contact__content__module__form .hs_jobtitle textarea,
.p-contact__content__module__form .hs_lastname input,
.p-contact__content__module__form .hs_lastname textarea,
.p-contact__content__module__form .hs_firstname input,
.p-contact__content__module__form .hs_firstname textarea,
.p-contact__content__module__form .hs_email input,
.p-contact__content__module__form .hs_email textarea,
.p-contact__content__module__form .hs_phone input,
.p-contact__content__module__form .hs_phone textarea,
.p-contact__content__module__form .hs_comment input,
.p-contact__content__module__form .hs_comment textarea,
.p-contact__content__module__form .hs_comment input,
.p-contact__content__module__form .hs_comment textarea {
  border-radius: 10px;
  font-size: 13px;
  line-height: 21px;
  width: 470px;
}
@media screen and (max-width: 1439px) {
  .p-contact__content__module__form .hs_company input,
  .p-contact__content__module__form .hs_company textarea,
  .p-contact__content__module__form .hs_jobtitle input,
  .p-contact__content__module__form .hs_jobtitle textarea,
  .p-contact__content__module__form .hs_lastname input,
  .p-contact__content__module__form .hs_lastname textarea,
  .p-contact__content__module__form .hs_firstname input,
  .p-contact__content__module__form .hs_firstname textarea,
  .p-contact__content__module__form .hs_email input,
  .p-contact__content__module__form .hs_email textarea,
  .p-contact__content__module__form .hs_phone input,
  .p-contact__content__module__form .hs_phone textarea,
  .p-contact__content__module__form .hs_comment input,
  .p-contact__content__module__form .hs_comment textarea,
  .p-contact__content__module__form .hs_comment input,
  .p-contact__content__module__form .hs_comment textarea {
    border-radius: calc(10 / 1440 * 100vw);
    font-size: calc(13 / 1440 * 100vw);
    line-height: calc(21 / 1440 * 100vw);
    width: calc(470 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-contact__content__module__form .hs_company input,
  .p-contact__content__module__form .hs_company textarea,
  .p-contact__content__module__form .hs_jobtitle input,
  .p-contact__content__module__form .hs_jobtitle textarea,
  .p-contact__content__module__form .hs_lastname input,
  .p-contact__content__module__form .hs_lastname textarea,
  .p-contact__content__module__form .hs_firstname input,
  .p-contact__content__module__form .hs_firstname textarea,
  .p-contact__content__module__form .hs_email input,
  .p-contact__content__module__form .hs_email textarea,
  .p-contact__content__module__form .hs_phone input,
  .p-contact__content__module__form .hs_phone textarea,
  .p-contact__content__module__form .hs_comment input,
  .p-contact__content__module__form .hs_comment textarea,
  .p-contact__content__module__form .hs_comment input,
  .p-contact__content__module__form .hs_comment textarea {
    border-radius: calc(7 / 375 * 100vw);
    font-size: 16px;
    line-height: 21px;
    width: 100%;
  }
}
.p-contact__content__module__form .hs_company input,
.p-contact__content__module__form .hs_jobtitle input,
.p-contact__content__module__form .hs_lastname input,
.p-contact__content__module__form .hs_firstname input,
.p-contact__content__module__form .hs_email input,
.p-contact__content__module__form .hs_phone input,
.p-contact__content__module__form .hs_comment input,
.p-contact__content__module__form .hs_comment input {
  height: 50px;
  padding: 0 25px;
}
@media screen and (max-width: 1439px) {
  .p-contact__content__module__form .hs_company input,
  .p-contact__content__module__form .hs_jobtitle input,
  .p-contact__content__module__form .hs_lastname input,
  .p-contact__content__module__form .hs_firstname input,
  .p-contact__content__module__form .hs_email input,
  .p-contact__content__module__form .hs_phone input,
  .p-contact__content__module__form .hs_comment input,
  .p-contact__content__module__form .hs_comment input {
    height: calc(50 / 1440 * 100vw);
    padding: 0 calc(25 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-contact__content__module__form .hs_company input,
  .p-contact__content__module__form .hs_jobtitle input,
  .p-contact__content__module__form .hs_lastname input,
  .p-contact__content__module__form .hs_firstname input,
  .p-contact__content__module__form .hs_email input,
  .p-contact__content__module__form .hs_phone input,
  .p-contact__content__module__form .hs_comment input,
  .p-contact__content__module__form .hs_comment input {
    height: calc(45 / 375 * 100vw);
    padding: 0 calc(15 / 375 * 100vw);
  }
}
.p-contact__content__module__form .hs_company textarea,
.p-contact__content__module__form .hs_jobtitle textarea,
.p-contact__content__module__form .hs_lastname textarea,
.p-contact__content__module__form .hs_firstname textarea,
.p-contact__content__module__form .hs_email textarea,
.p-contact__content__module__form .hs_phone textarea,
.p-contact__content__module__form .hs_comment textarea,
.p-contact__content__module__form .hs_comment textarea {
  height: 100px;
  padding: 20px 25px;
}
@media screen and (max-width: 1439px) {
  .p-contact__content__module__form .hs_company textarea,
  .p-contact__content__module__form .hs_jobtitle textarea,
  .p-contact__content__module__form .hs_lastname textarea,
  .p-contact__content__module__form .hs_firstname textarea,
  .p-contact__content__module__form .hs_email textarea,
  .p-contact__content__module__form .hs_phone textarea,
  .p-contact__content__module__form .hs_comment textarea,
  .p-contact__content__module__form .hs_comment textarea {
    height: calc(100 / 1440 * 100vw);
    padding: calc(20 / 1440 * 100vw) calc(25 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-contact__content__module__form .hs_company textarea,
  .p-contact__content__module__form .hs_jobtitle textarea,
  .p-contact__content__module__form .hs_lastname textarea,
  .p-contact__content__module__form .hs_firstname textarea,
  .p-contact__content__module__form .hs_email textarea,
  .p-contact__content__module__form .hs_phone textarea,
  .p-contact__content__module__form .hs_comment textarea,
  .p-contact__content__module__form .hs_comment textarea {
    height: calc(100 / 375 * 100vw);
    padding: calc(10 / 375 * 100vw) calc(15 / 375 * 100vw);
  }
}
.p-contact__content__module__form .hs_company .hs-error-msgs,
.p-contact__content__module__form .hs_company .hs-error-msgs a,
.p-contact__content__module__form .hs_jobtitle .hs-error-msgs,
.p-contact__content__module__form .hs_jobtitle .hs-error-msgs a,
.p-contact__content__module__form .hs_lastname .hs-error-msgs,
.p-contact__content__module__form .hs_lastname .hs-error-msgs a,
.p-contact__content__module__form .hs_firstname .hs-error-msgs,
.p-contact__content__module__form .hs_firstname .hs-error-msgs a,
.p-contact__content__module__form .hs_email .hs-error-msgs,
.p-contact__content__module__form .hs_email .hs-error-msgs a,
.p-contact__content__module__form .hs_phone .hs-error-msgs,
.p-contact__content__module__form .hs_phone .hs-error-msgs a,
.p-contact__content__module__form .hs_comment .hs-error-msgs,
.p-contact__content__module__form .hs_comment .hs-error-msgs a,
.p-contact__content__module__form .hs_comment .hs-error-msgs,
.p-contact__content__module__form .hs_comment .hs-error-msgs a {
  color: red;
  font-size: 12px;
  font-weight: normal;
  margin-top: 10px;
}
@media screen and (max-width: 1439px) {
  .p-contact__content__module__form .hs_company .hs-error-msgs,
  .p-contact__content__module__form .hs_company .hs-error-msgs a,
  .p-contact__content__module__form .hs_jobtitle .hs-error-msgs,
  .p-contact__content__module__form .hs_jobtitle .hs-error-msgs a,
  .p-contact__content__module__form .hs_lastname .hs-error-msgs,
  .p-contact__content__module__form .hs_lastname .hs-error-msgs a,
  .p-contact__content__module__form .hs_firstname .hs-error-msgs,
  .p-contact__content__module__form .hs_firstname .hs-error-msgs a,
  .p-contact__content__module__form .hs_email .hs-error-msgs,
  .p-contact__content__module__form .hs_email .hs-error-msgs a,
  .p-contact__content__module__form .hs_phone .hs-error-msgs,
  .p-contact__content__module__form .hs_phone .hs-error-msgs a,
  .p-contact__content__module__form .hs_comment .hs-error-msgs,
  .p-contact__content__module__form .hs_comment .hs-error-msgs a,
  .p-contact__content__module__form .hs_comment .hs-error-msgs,
  .p-contact__content__module__form .hs_comment .hs-error-msgs a {
    font-size: calc(12 / 1440 * 100vw);
    margin-top: calc(10 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-contact__content__module__form .hs_company .hs-error-msgs,
  .p-contact__content__module__form .hs_company .hs-error-msgs a,
  .p-contact__content__module__form .hs_jobtitle .hs-error-msgs,
  .p-contact__content__module__form .hs_jobtitle .hs-error-msgs a,
  .p-contact__content__module__form .hs_lastname .hs-error-msgs,
  .p-contact__content__module__form .hs_lastname .hs-error-msgs a,
  .p-contact__content__module__form .hs_firstname .hs-error-msgs,
  .p-contact__content__module__form .hs_firstname .hs-error-msgs a,
  .p-contact__content__module__form .hs_email .hs-error-msgs,
  .p-contact__content__module__form .hs_email .hs-error-msgs a,
  .p-contact__content__module__form .hs_phone .hs-error-msgs,
  .p-contact__content__module__form .hs_phone .hs-error-msgs a,
  .p-contact__content__module__form .hs_comment .hs-error-msgs,
  .p-contact__content__module__form .hs_comment .hs-error-msgs a,
  .p-contact__content__module__form .hs_comment .hs-error-msgs,
  .p-contact__content__module__form .hs_comment .hs-error-msgs a {
    font-size: calc(13 / 375 * 100vw);
    margin-top: calc(10 / 375 * 100vw);
  }
}
.p-contact__content__module__form .hs_company .hs-error-msgs a,
.p-contact__content__module__form .hs_jobtitle .hs-error-msgs a,
.p-contact__content__module__form .hs_lastname .hs-error-msgs a,
.p-contact__content__module__form .hs_firstname .hs-error-msgs a,
.p-contact__content__module__form .hs_email .hs-error-msgs a,
.p-contact__content__module__form .hs_phone .hs-error-msgs a,
.p-contact__content__module__form .hs_comment .hs-error-msgs a,
.p-contact__content__module__form .hs_comment .hs-error-msgs a {
  cursor: pointer;
  text-decoration: underline;
}
.p-contact__content__module__form .hs-dependent-field {
  color: var(--color-white);
}
.p-contact__content__module__form .hs-dependent-field .input {
  display: flex;
  justify-content: center;
}
.p-contact__content__module__form .hs-dependent-field .input label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  align-items: center;
  cursor: pointer;
  display: flex;
  user-select: none;
}
.p-contact__content__module__form .hs-dependent-field .input label a {
  color: var(--color-white);
  text-decoration: underline;
}
.p-contact__content__module__form .hs-dependent-field .input label::before {
  background-image: url(../images/icon_checkbox.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 12px;
  margin-right: 7px;
  width: 12px;
}
@media screen and (max-width: 1439px) {
  .p-contact__content__module__form .hs-dependent-field .input label::before {
    height: calc(12 / 1440 * 100vw);
    margin-right: calc(7 / 1440 * 100vw);
    width: calc(12 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-contact__content__module__form .hs-dependent-field .input label::before {
    height: calc(12 / 375 * 100vw);
    margin-right: calc(7 / 375 * 100vw);
    width: calc(12 / 375 * 100vw);
  }
}
.p-contact__content__module__form
  .hs-dependent-field
  .input
  label:has(> input:checked)::before {
  background-image: url(../images/icon_checkbox_checked.svg);
}
.p-contact__content__module__form .hs-dependent-field .input input {
  display: none;
  margin: 0;
}
.p-contact__content__module__form
  .hs-dependent-field
  .hs-form-booleancheckbox-display
  > span {
  font-size: 13px;
  margin-left: 0;
}
@media screen and (max-width: 1439px) {
  .p-contact__content__module__form
    .hs-dependent-field
    .hs-form-booleancheckbox-display
    > span {
    font-size: calc(13 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-contact__content__module__form
    .hs-dependent-field
    .hs-form-booleancheckbox-display
    > span {
    font-size: calc(13 / 375 * 100vw);
  }
}
.p-contact__content__module__form .hs-dependent-field .hs-error-msgs {
  font-size: 12px;
  font-weight: normal;
  margin-top: 10px;
  text-align: center;
}
@media screen and (max-width: 1439px) {
  .p-contact__content__module__form .hs-dependent-field .hs-error-msgs {
    font-size: calc(12 / 1440 * 100vw);
    margin-top: calc(10 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-contact__content__module__form .hs-dependent-field .hs-error-msgs {
    font-size: calc(13 / 375 * 100vw);
    margin-top: calc(10 / 375 * 100vw);
  }
}
.p-contact__content__module__form .hs-dependent-field .hs-error-msgs label {
  color: red;
}
.p-contact__content__module__form .hs_recaptcha {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
@media screen and (max-width: 1439px) {
  .p-contact__content__module__form .hs_recaptcha {
    margin-top: calc(20 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-contact__content__module__form .hs_recaptcha {
    margin-top: calc(15 / 375 * 100vw);
  }
}
.p-contact__content__module__form .hs_error_rollup {
  color: red;
  font-size: 12px;
  margin-top: 10px;
  text-align: center;
}
@media screen and (max-width: 1439px) {
  .p-contact__content__module__form .hs_error_rollup {
    font-size: calc(12 / 1440 * 100vw);
    margin-top: calc(10 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-contact__content__module__form .hs_error_rollup {
    font-size: calc(13 / 375 * 100vw);
    margin-top: calc(10 / 375 * 100vw);
  }
}
.p-contact__content__module__form .hs_submit {
  margin-top: 30px;
}
@media screen and (max-width: 1439px) {
  .p-contact__content__module__form .hs_submit {
    margin-top: calc(30 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-contact__content__module__form .hs_submit {
    margin-top: calc(20 / 375 * 100vw);
  }
}
.p-contact__content__module__form .hs_submit input {
  background-color: transparent;
  background-image: url(../images/button_submit.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  cursor: pointer;
  display: block;
  height: 55px;
  margin: 0 auto;
  overflow: hidden;
  text-indent: 150vw;
  white-space: nowrap;
  width: 242px;
}
@media screen and (max-width: 1439px) {
  .p-contact__content__module__form .hs_submit input {
    height: calc(55 / 1440 * 100vw);
    width: calc(242 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-contact__content__module__form .hs_submit input {
    height: calc(51 / 375 * 100vw);
    width: calc(242 / 375 * 100vw);
  }
}

.p-cta {
  margin-top: 70px;
}
@media screen and (max-width: 1439px) {
  .p-cta {
    margin-top: calc(70 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-cta {
    margin-top: calc(40 / 375 * 100vw);
  }
}
.p-cta__inner {
  align-items: center;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .p-cta__inner {
    display: block;
  }
}
.p-cta__section {
  background-color: var(--color-white);
  border-radius: 10px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  height: 222px;
  width: 550px;
}
@media screen and (max-width: 1439px) {
  .p-cta__section {
    border-radius: calc(10 / 1440 * 100vw);
    box-shadow: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw)
      calc(10 / 1440 * 100vw) rgba(0, 0, 0, 0.1);
    height: calc(222 / 1440 * 100vw);
    width: calc(550 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-cta__section {
    border-radius: calc(10 / 375 * 100vw);
    box-shadow: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw)
      calc(10 / 375 * 100vw) rgba(0, 0, 0, 0.1);
    height: auto;
    width: 100%;
  }
}
.p-cta__section a:hover .p-cta__section__inner::after {
  transform: scale(1.4);
}
@media screen and (max-width: 767px) {
  .p-cta__section a:hover .p-cta__section__inner::after {
    transform: scale(1);
  }
}
.p-cta__section__inner {
  padding: 43px 37px;
  position: relative;
}
@media screen and (max-width: 1439px) {
  .p-cta__section__inner {
    padding: calc(43 / 1440 * 100vw) calc(37 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-cta__section__inner {
    padding: calc(22 / 375 * 100vw) calc(22 / 375 * 100vw)
      calc(75 / 375 * 100vw);
  }
}
.p-cta__section__inner::after {
  background-image: url(../images/cta_button.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
  bottom: 32px;
  content: "";
  display: block;
  filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.1));
  height: 50px;
  position: absolute;
  right: 30px;
  transition: 0.3s;
  width: 50px;
}
@media screen and (max-width: 1439px) {
  .p-cta__section__inner::after {
    bottom: calc(32 / 1440 * 100vw);
    filter: drop-shadow(
      calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(8 / 1440 * 100vw)
        rgba(0, 0, 0, 0.1)
    );
    height: calc(50 / 1440 * 100vw);
    right: calc(30 / 1440 * 100vw);
    width: calc(50 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-cta__section__inner::after {
    bottom: calc(20 / 375 * 100vw);
    filter: drop-shadow(
      calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(8 / 375 * 100vw)
        rgba(0, 0, 0, 0.1)
    );
    height: calc(42 / 375 * 100vw);
    right: calc(20 / 375 * 100vw);
    width: calc(42 / 375 * 100vw);
  }
}
.p-cta__section__titleBox {
  margin-bottom: 25px;
}
@media screen and (max-width: 1439px) {
  .p-cta__section__titleBox {
    margin-bottom: calc(25 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-cta__section__titleBox {
    margin-bottom: calc(10 / 375 * 100vw);
  }
}
.p-cta__section__titleBox__titleEn {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  margin-bottom: 10px;
  overflow: hidden;
  text-indent: 150vw;
  white-space: nowrap;
}
@media screen and (max-width: 1439px) {
  .p-cta__section__titleBox__titleEn {
    margin-bottom: calc(10 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-cta__section__titleBox__titleEn {
    margin-bottom: calc(20 / 375 * 100vw);
  }
}
.p-cta__section__titleBox__titleJa {
  font-size: 25px;
  font-weight: bold;
}
@media screen and (max-width: 1439px) {
  .p-cta__section__titleBox__titleJa {
    font-size: calc(25 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-cta__section__titleBox__titleJa {
    font-size: calc(20 / 375 * 100vw);
  }
}
.p-cta__section__text {
  font-size: 15px;
  font-weight: bold;
  line-height: 26px;
}
@media screen and (max-width: 1439px) {
  .p-cta__section__text {
    font-size: calc(15 / 1440 * 100vw);
    line-height: calc(26 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-cta__section__text {
    font-size: calc(13 / 375 * 100vw);
    line-height: calc(24 / 375 * 100vw);
  }
}
.p-cta__section--introduction .p-cta__section__titleBox__titleEn {
  background-image: url(../images/cta_title_introduction.svg);
  height: 19px;
  width: 168px;
}
@media screen and (max-width: 1439px) {
  .p-cta__section--introduction .p-cta__section__titleBox__titleEn {
    height: calc(19 / 1440 * 100vw);
    width: calc(168 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-cta__section--introduction .p-cta__section__titleBox__titleEn {
    height: calc(17 / 375 * 100vw);
    width: calc(149 / 375 * 100vw);
  }
}
.p-cta__section--support .p-cta__section__titleBox__titleEn {
  background-image: url(../images/cta_title_support.svg);
  height: 20px;
  width: 117px;
}
@media screen and (max-width: 1439px) {
  .p-cta__section--support .p-cta__section__titleBox__titleEn {
    height: calc(20 / 1440 * 100vw);
    width: calc(117 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-cta__section--support .p-cta__section__titleBox__titleEn {
    height: calc(19 / 375 * 100vw);
    width: calc(103 / 375 * 100vw);
  }
}
.p-cta__section + .p-cta__section {
  margin-left: 22px;
}
@media screen and (max-width: 1439px) {
  .p-cta__section + .p-cta__section {
    margin-left: calc(22 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-cta__section + .p-cta__section {
    margin-left: calc(0 / 375 * 100vw);
    margin-top: calc(20 / 375 * 100vw);
  }
}

.p-drawer {
  background-color: var(--color-black);
  height: 100dvh;
  opacity: 0;
  overflow: scroll;
  position: fixed;
  right: 0;
  top: 0;
  transition: 0.3s;
  width: 100%;
  z-index: -1;
}
.p-drawer__inner {
  padding-bottom: calc(40 / 375 * 100vw);
}
.p-drawer__header {
  height: calc(50 / 375 * 100vw);
}
.p-drawer__header .l-container {
  height: 100%;
  padding-left: 0;
  padding-right: 0;
}
.p-drawer__header__inner {
  align-items: center;
  display: flex;
  height: 100%;
  padding-left: calc(15 / 375 * 100vw);
}
.p-drawer__header__logo {
  width: calc(204 / 375 * 100vw);
}
.p-drawer__header__logo img {
  height: auto;
  width: 100%;
}
.p-drawer__header__logo a {
  display: block;
}
.p-drawer__header__close {
  margin-left: auto;
}
.p-drawer__main .l-container {
  padding-left: calc(30 / 375 * 100vw);
  padding-right: calc(30 / 375 * 100vw);
}
.p-drawer__main__inner {
  padding-top: calc(10 / 375 * 100vw);
}
.p-drawer__main__nav > ul > li {
  border-bottom: 1px solid var(--color-white);
}
.p-drawer__main__nav a {
  color: var(--color-white);
  display: block;
  font-size: calc(14 / 375 * 100vw);
  font-weight: 500;
  padding: calc(15 / 375 * 100vw) calc(10 / 375 * 100vw);
}
.p-drawer__main__snsList {
  margin-top: calc(15 / 375 * 100vw);
}
.p-drawer__main__snsList > ul {
  align-items: center;
  display: flex;
}
.p-drawer__main__snsList > ul > li {
  width: calc(28 / 375 * 100vw);
}
.p-drawer__main__snsList > ul > li img {
  height: auto;
  width: 100%;
}
.p-drawer__main__snsList > ul > li + li {
  margin-left: calc(10 / 375 * 100vw);
}
.p-drawer__main__snsList a {
  display: block;
}
.p-drawer__main__subNav {
  margin-top: calc(45 / 375 * 100vw);
}
.p-drawer__main__subNav a {
  color: var(--color-white);
  font-size: calc(11 / 375 * 100vw);
  line-height: calc(30 / 375 * 100vw);
}
.p-drawer__main__nowvillage {
  margin-left: auto;
  margin-top: calc(-20 / 375 * 100vw);
  width: calc(104 / 375 * 100vw);
}
.p-drawer__main__nowvillage img {
  height: auto;
  width: 100%;
}
.p-drawer__main__nowvillage a {
  display: block;
}
.p-drawer.is-show {
  opacity: 1;
  z-index: 200;
}

.p-footer {
  height: 65px;
  margin-top: 55px;
}
@media screen and (max-width: 1439px) {
  .p-footer {
    height: calc(65 / 1440 * 100vw);
    margin-top: calc(55 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-footer {
    height: calc(55 / 375 * 100vw);
    margin-top: calc(40 / 375 * 100vw);
  }
}
.p-footer .l-container {
  height: 100%;
}
.p-footer__inner {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}
.p-footer__copyright {
  font-size: 10px;
}
@media screen and (max-width: 1439px) {
  .p-footer__copyright {
    font-size: calc(10 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-footer__copyright {
    font-size: calc(10 / 375 * 100vw);
  }
}

.p-gNav {
  background-color: var(--color-bg);
  display: flex;
  flex-direction: column;
  height: 100dvh;
  left: 0;
  padding: 35px 25px 30px;
  position: fixed;
  top: 0;
  width: 240px;
}
@media screen and (max-width: 1439px) {
  .p-gNav {
    padding: calc(35 / 1440 * 100vw) calc(25 / 1440 * 100vw)
      calc(30 / 1440 * 100vw);
    width: calc(240 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-gNav {
    display: none;
    padding: calc(35 / 375 * 100vw) calc(25 / 375 * 100vw)
      calc(30 / 375 * 100vw);
    width: calc(240 / 375 * 100vw);
  }
}
.p-gNav__logo {
  width: 100%;
}
.p-gNav__logo img {
  height: auto;
  width: 100%;
}
.p-gNav__logo a {
  display: block;
}
.p-gNav__nav {
  margin-top: 35px;
}
@media screen and (max-width: 1439px) {
  .p-gNav__nav {
    margin-top: calc(35 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-gNav__nav {
    margin-top: calc(35 / 375 * 100vw);
  }
}
.p-gNav__nav > ul > li {
  color: var(--color-white);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  white-space: nowrap;
}
@media screen and (max-width: 1439px) {
  .p-gNav__nav > ul > li {
    font-size: calc(14 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-gNav__nav > ul > li {
    font-size: calc(14 / 375 * 100vw);
  }
}
.p-gNav__nav > ul > li + li {
  margin-top: 25px;
}
@media screen and (max-width: 1439px) {
  .p-gNav__nav > ul > li + li {
    margin-top: calc(25 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-gNav__nav > ul > li + li {
    margin-top: calc(25 / 375 * 100vw);
  }
}
.p-gNav__nav > ul > li.is-current {
  position: relative;
}
.p-gNav__nav > ul > li.is-current::before {
  background-color: var(--color-main);
  content: "";
  display: block;
  height: 14px;
  left: -10px;
  position: absolute;
  top: 1px;
  width: 3px;
}
@media screen and (max-width: 1439px) {
  .p-gNav__nav > ul > li.is-current::before {
    height: calc(14 / 1440 * 100vw);
    left: calc(-10 / 1440 * 100vw);
    width: calc(3 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-gNav__nav > ul > li.is-current::before {
    height: calc(14 / 375 * 100vw);
    left: calc(-10 / 375 * 100vw);
    width: calc(3 / 375 * 100vw);
  }
}
.p-gNav__nav a {
  color: var(--color-white);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  white-space: nowrap;
}
@media screen and (max-width: 1439px) {
  .p-gNav__nav a {
    font-size: calc(14 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-gNav__nav a {
    font-size: calc(14 / 375 * 100vw);
  }
}
.p-gNav__snsList {
  margin-top: 25px;
}
@media screen and (max-width: 1439px) {
  .p-gNav__snsList {
    margin-top: calc(25 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-gNav__snsList {
    margin-top: calc(25 / 375 * 100vw);
  }
}
.p-gNav__snsList > ul {
  align-items: center;
  display: flex;
}
.p-gNav__snsList > ul > li {
  width: 28px;
}
.p-gNav__snsList > ul > li img {
  height: auto;
  width: 100%;
}
@media screen and (max-width: 1439px) {
  .p-gNav__snsList > ul > li {
    width: calc(28 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-gNav__snsList > ul > li {
    width: calc(28 / 375 * 100vw);
  }
}
.p-gNav__snsList > ul > li + li {
  margin-left: 8px;
}
@media screen and (max-width: 1439px) {
  .p-gNav__snsList > ul > li + li {
    margin-left: calc(8 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-gNav__snsList > ul > li + li {
    margin-left: calc(8 / 375 * 100vw);
  }
}
.p-gNav__snsList a {
  display: block;
}
.p-gNav__subNav {
  margin-top: auto;
  padding-top: 60px;
}
@media screen and (max-width: 1439px) {
  .p-gNav__subNav {
    padding-top: calc(60 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-gNav__subNav {
    padding-top: calc(60 / 375 * 100vw);
  }
}
.p-gNav__subNav > ul > li {
  color: var(--color-white);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  white-space: nowrap;
}
@media screen and (max-width: 1439px) {
  .p-gNav__subNav > ul > li {
    font-size: calc(14 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-gNav__subNav > ul > li {
    font-size: calc(14 / 375 * 100vw);
  }
}
.p-gNav__subNav > ul > li + li {
  margin-top: 25px;
}
@media screen and (max-width: 1439px) {
  .p-gNav__subNav > ul > li + li {
    margin-top: calc(25 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-gNav__subNav > ul > li + li {
    margin-top: calc(25 / 375 * 100vw);
  }
}
.p-gNav__subNav > ul > li.is-current {
  position: relative;
}
.p-gNav__subNav > ul > li.is-current::before {
  background-color: var(--color-main);
  content: "";
  display: block;
  height: 14px;
  left: -10px;
  position: absolute;
  top: 1px;
  width: 3px;
}
@media screen and (max-width: 1439px) {
  .p-gNav__subNav > ul > li.is-current::before {
    height: calc(14 / 1440 * 100vw);
    left: calc(-10 / 1440 * 100vw);
    width: calc(3 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-gNav__subNav > ul > li.is-current::before {
    height: calc(14 / 375 * 100vw);
    left: calc(-10 / 375 * 100vw);
    width: calc(3 / 375 * 100vw);
  }
}
.p-gNav__subNav a {
  color: var(--color-white);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  white-space: nowrap;
}
@media screen and (max-width: 1439px) {
  .p-gNav__subNav a {
    font-size: calc(14 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-gNav__subNav a {
    font-size: calc(14 / 375 * 100vw);
  }
}
.p-gNav__nowvillage {
  margin-top: 60px;
  width: 86px;
}
.p-gNav__nowvillage img {
  height: auto;
  width: 100%;
}
@media screen and (max-width: 1439px) {
  .p-gNav__nowvillage {
    margin-top: calc(60 / 1440 * 100vw);
    width: calc(86 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-gNav__nowvillage {
    margin-top: calc(60 / 375 * 100vw);
    width: calc(86 / 375 * 100vw);
  }
}
.p-gNav__nowvillage a {
  display: block;
}

.p-header {
  height: 150px;
}
@media screen and (max-width: 1439px) {
  .p-header {
    height: calc(150 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-header {
    display: none;
    height: calc(90 / 375 * 100vw);
  }
}
.p-header .l-container {
  height: 100%;
}
@media screen and (max-width: 767px) {
  .p-header .l-container {
    padding-left: 0;
    padding-right: 0;
  }
}
.p-header__inner {
  align-items: center;
  display: flex;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .p-header__inner {
    padding-left: calc(15 / 375 * 100vw);
    padding-right: calc(15 / 375 * 100vw);
  }
}
.p-header__logoBox a {
  display: block;
}
.p-header__logoBox__logo {
  background-image: url(../images/header_logo_marketingspot.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 52px;
  overflow: hidden;
  text-indent: 150vw;
  white-space: nowrap;
  width: 148px;
}
@media screen and (max-width: 1439px) {
  .p-header__logoBox__logo {
    height: calc(52 / 1440 * 100vw);
    width: calc(148 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-header__logoBox__logo {
    height: calc(52 / 375 * 100vw);
    width: calc(148 / 375 * 100vw);
  }
}
.p-header__logoBox__text {
  font-size: 18px;
  font-weight: bold;
  margin-top: 5px;
}
@media screen and (max-width: 1439px) {
  .p-header__logoBox__text {
    font-size: calc(18 / 1440 * 100vw);
    margin-top: calc(5 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-header__logoBox__text {
    font-size: calc(13 / 375 * 100vw);
    margin-top: calc(8 / 375 * 100vw);
  }
}
.p-header__breadCrumb {
  -ms-overflow-style: none;
  margin-bottom: -5px;
  overflow: scroll;
  padding-bottom: 5px;
  scrollbar-width: none;
  width: 795px;
}
.p-header__breadCrumb::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 1439px) {
  .p-header__breadCrumb {
    margin-bottom: calc(-5 / 1440 * 100vw);
    padding-bottom: calc(5 / 1440 * 100vw);
    width: calc(795 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-header__breadCrumb {
    margin-bottom: calc(-5 / 375 * 100vw);
    padding-bottom: calc(5 / 375 * 100vw);
    width: calc(795 / 375 * 100vw);
  }
}
.p-header__breadCrumb__nav > ul {
  align-items: center;
  display: flex;
}
.p-header__breadCrumb__nav > ul > li {
  font-size: 13px;
  white-space: nowrap;
}
@media screen and (max-width: 1439px) {
  .p-header__breadCrumb__nav > ul > li {
    font-size: calc(13 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-header__breadCrumb__nav > ul > li {
    font-size: calc(13 / 375 * 100vw);
  }
}
.p-header__breadCrumb__nav > ul > li + li {
  align-items: center;
  display: flex;
}
.p-header__breadCrumb__nav > ul > li + li::before {
  background-image: url(../images/icon_arrow_breadcrumb.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 7px;
  margin: 0 16px;
  width: 4px;
}
@media screen and (max-width: 1439px) {
  .p-header__breadCrumb__nav > ul > li + li::before {
    height: calc(7 / 1440 * 100vw);
    margin: 0 calc(16 / 1440 * 100vw);
    width: calc(4 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-header__breadCrumb__nav > ul > li + li::before {
    height: calc(7 / 375 * 100vw);
    margin: 0 calc(16 / 375 * 100vw);
    width: calc(4 / 375 * 100vw);
  }
}
.p-header__breadCrumb__nav > ul > li:first-child a {
  align-items: center;
  display: flex;
}
.p-header__breadCrumb__nav > ul > li:first-child a::before {
  background-image: url(../images/icon_home.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 12px;
  margin-right: 5px;
  width: 12px;
}
@media screen and (max-width: 1439px) {
  .p-header__breadCrumb__nav > ul > li:first-child a::before {
    height: calc(12 / 1440 * 100vw);
    margin-right: calc(5 / 1440 * 100vw);
    width: calc(12 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-header__breadCrumb__nav > ul > li:first-child a::before {
    height: calc(12 / 375 * 100vw);
    margin-right: calc(5 / 375 * 100vw);
    width: calc(12 / 375 * 100vw);
  }
}
.p-header__breadCrumb__nav a {
  font-size: 13px;
}
@media screen and (max-width: 1439px) {
  .p-header__breadCrumb__nav a {
    font-size: calc(13 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-header__breadCrumb__nav a {
    font-size: calc(13 / 375 * 100vw);
  }
}
.p-header__button {
  height: 40px;
  margin-left: auto;
  width: 163px;
}
@media screen and (max-width: 1439px) {
  .p-header__button {
    height: calc(40 / 1440 * 100vw);
    width: calc(163 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-header__button {
    display: none;
    height: calc(40 / 375 * 100vw);
    width: calc(163 / 375 * 100vw);
  }
}
.p-header__button a {
  align-items: center;
  background: #fb5c35;
  border: 2px solid #fb5c35;
  border-radius: 20px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
  color: var(--color-white);
  display: flex;
  font-size: 15px;
  font-weight: bold;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 1439px) {
  .p-header__button a {
    border: calc(2 / 1440 * 100vw) solid #fb5c35;
    border-radius: calc(20 / 1440 * 100vw);
    box-shadow: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw)
      calc(5 / 1440 * 100vw) rgba(0, 0, 0, 0.15);
    font-size: calc(15 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-header__button a {
    border: calc(2 / 375 * 100vw) solid #fb5c35;
    border-radius: calc(20 / 375 * 100vw);
    box-shadow: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw)
      calc(5 / 375 * 100vw) rgba(0, 0, 0, 0.15);
    font-size: calc(15 / 375 * 100vw);
  }
}
.p-header__button a::after {
  background-image: url(../images/icon_arrow_button.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  content: "";
  display: block;
  height: 10px;
  margin: auto 0;
  position: absolute;
  right: 16px;
  top: 0;
  width: 6px;
}
@media screen and (max-width: 1439px) {
  .p-header__button a::after {
    height: calc(10 / 1440 * 100vw);
    right: calc(16 / 1440 * 100vw);
    width: calc(6 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-header__button a::after {
    height: calc(10 / 375 * 100vw);
    right: calc(16 / 375 * 100vw);
    width: calc(6 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  #index .p-header {
    display: block;
  }
}
#index .p-header__logoBox__logo {
  background-image: url(../images/slogan_logo_marketingspot.svg);
  height: 34px;
  width: 459px;
}
@media screen and (max-width: 1439px) {
  #index .p-header__logoBox__logo {
    height: calc(34 / 1440 * 100vw);
    width: calc(459 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  #index .p-header__logoBox__logo {
    height: calc(18 / 375 * 100vw);
    width: calc(237 / 375 * 100vw);
  }
}

.p-hsServiceContent__button {
  margin-top: -27px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__button {
    margin-top: calc(-27 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__button {
    margin-top: calc(-154 / 375 * 100vw);
  }
}
.p-hsServiceContent__button__inner {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  padding: 0 50px;
  width: 1040px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__button__inner {
    padding: 0 calc(50 / 1440 * 100vw);
    width: calc(1040 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__button__inner {
    display: block;
    padding: 0 0 calc(40 / 375 * 100vw);
    width: 100%;
  }
}
.p-hsServiceContent__button__button1,
.p-hsServiceContent__button__button2 {
  background-color: var(--color-white);
  border-radius: 30px;
  height: 55px;
  width: 342px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__button__button1,
  .p-hsServiceContent__button__button2 {
    border-radius: calc(30 / 1440 * 100vw);
    height: calc(55 / 1440 * 100vw);
    width: calc(342 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__button__button1,
  .p-hsServiceContent__button__button2 {
    border-radius: calc(30 / 375 * 100vw);
    height: calc(51 / 375 * 100vw);
    margin: 0 auto;
    width: calc(295 / 375 * 100vw);
  }
}
.p-hsServiceContent__button__button1 a,
.p-hsServiceContent__button__button2 a {
  align-items: center;
  background: #fb5c35;
  border: 2px solid #fb5c35;
  border-radius: 30px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
  color: var(--color-white);
  display: flex;
  font-size: 16px;
  font-weight: bold;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__button__button1 a,
  .p-hsServiceContent__button__button2 a {
    border: calc(2 / 1440 * 100vw) solid #fb5c35;
    border-radius: calc(30 / 1440 * 100vw);
    box-shadow: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw)
      calc(5 / 1440 * 100vw) rgba(0, 0, 0, 0.15);
    font-size: calc(16 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__button__button1 a,
  .p-hsServiceContent__button__button2 a {
    border: calc(2 / 375 * 100vw) solid #fb5c35;
    border-radius: calc(30 / 375 * 100vw);
    box-shadow: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw)
      calc(5 / 375 * 100vw) rgba(0, 0, 0, 0.15);
    font-size: calc(15 / 375 * 100vw);
  }
}
.p-hsServiceContent__button__button1 a::after,
.p-hsServiceContent__button__button2 a::after {
  background-image: url(../images/icon_arrow_button.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  content: "";
  display: block;
  height: 10px;
  margin: auto 0;
  position: absolute;
  right: 16px;
  top: 0;
  width: 6px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__button__button1 a::after,
  .p-hsServiceContent__button__button2 a::after {
    height: calc(10 / 1440 * 100vw);
    right: calc(16 / 1440 * 100vw);
    width: calc(6 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__button__button1 a::after,
  .p-hsServiceContent__button__button2 a::after {
    height: calc(10 / 375 * 100vw);
    right: calc(16 / 375 * 100vw);
    width: calc(6 / 375 * 100vw);
  }
}
.p-hsServiceContent__button__button2 {
  margin-left: 20px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__button__button2 {
    margin-left: calc(20 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__button__button2 {
    margin-left: auto;
    margin-top: calc(12 / 375 * 100vw);
  }
}
.p-hsServiceContent__button__button2 a {
  background-color: var(--color-white);
  color: var(--color-main);
}
.p-hsServiceContent__button__button2 a::after {
  background-image: url(../images/icon_arrow_button_orange.svg);
}
.p-hsServiceContent__button--bg {
  background-color: #4271a3;
  margin: 0 calc(50% - 50vw);
  margin-top: 0;
  padding: 30px 0;
  width: 100vw;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__button--bg {
    padding: calc(30 / 1440 * 100vw) 0;
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__button--bg {
    padding: calc(30 / 375 * 100vw) 0;
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__button--bg .p-hsServiceContent__button__inner {
    padding-bottom: 0;
  }
}
.p-hsServiceContent__about__inner {
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  margin: 0 auto;
  padding: 100px 50px 70px;
  width: 1040px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__about__inner {
    padding: calc(100 / 1440 * 100vw) calc(50 / 1440 * 100vw)
      calc(70 / 1440 * 100vw);
    width: calc(1040 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__about__inner {
    display: block;
    padding: calc(40 / 375 * 100vw) 0;
    width: 100%;
  }
}
.p-hsServiceContent__about__title {
  color: var(--color-main);
  display: none;
  font-size: calc(20 / 375 * 100vw);
  font-weight: bold;
  margin-bottom: calc(25 / 375 * 100vw);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__about__title {
    display: block;
  }
}
.p-hsServiceContent__about__illust {
  flex-shrink: 0;
  margin-left: 50px;
  width: 376px;
}
.p-hsServiceContent__about__illust img {
  height: auto;
  width: 100%;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__about__illust {
    margin-left: calc(50 / 1440 * 100vw);
    width: calc(376 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__about__illust {
    margin-left: auto;
    margin-right: auto;
    width: calc(315 / 375 * 100vw);
  }
}
.p-hsServiceContent__about__textBox {
  background-color: var(--color-white);
  border-radius: 18px;
  min-height: 340px;
  padding: 36px;
  width: 410px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__about__textBox {
    border-radius: calc(18 / 1440 * 100vw);
    min-height: calc(340 / 1440 * 100vw);
    padding: calc(36 / 1440 * 100vw);
    width: calc(410 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__about__textBox {
    border-radius: calc(10 / 375 * 100vw);
    margin-top: calc(25 / 375 * 100vw);
    min-height: calc(0 / 375 * 100vw);
    padding: calc(20 / 375 * 100vw);
    width: 100%;
  }
}
.p-hsServiceContent__about__textBox__title {
  color: var(--color-main);
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__about__textBox__title {
    font-size: calc(20 / 1440 * 100vw);
    margin-bottom: calc(10 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__about__textBox__title {
    display: none;
    font-size: calc(20 / 375 * 100vw);
    margin-bottom: calc(10 / 375 * 100vw);
  }
}
.p-hsServiceContent__about__textBox__text {
  font-size: 15px;
  line-height: 26px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__about__textBox__text {
    font-size: calc(15 / 1440 * 100vw);
    line-height: calc(26 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__about__textBox__text {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(26 / 375 * 100vw);
  }
}
.p-hsServiceContent__solution {
  background-color: #4271a3;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}
.p-hsServiceContent__solution__inner {
  margin: 0 auto;
  padding: 70px 50px;
  width: 1040px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__solution__inner {
    padding: calc(70 / 1440 * 100vw) calc(50 / 1440 * 100vw);
    width: calc(1040 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__solution__inner {
    padding: calc(40 / 375 * 100vw) calc(20 / 375 * 100vw);
    width: 100%;
  }
}
.p-hsServiceContent__solution__titleBox {
  margin-bottom: 60px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__solution__titleBox {
    margin-bottom: calc(60 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__solution__titleBox {
    margin-bottom: calc(40 / 375 * 100vw);
  }
}
.p-hsServiceContent__solution__titleBox__title {
  color: var(--color-white);
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__solution__titleBox__title {
    font-size: calc(30 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__solution__titleBox__title {
    font-size: calc(22 / 375 * 100vw);
  }
}
.p-hsServiceContent__solution__content {
  background-color: var(--color-white);
  border-radius: 40px;
  margin: 0 auto;
  padding: 50px;
  position: relative;
  width: 640px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__solution__content {
    border-radius: calc(40 / 1440 * 100vw);
    padding: calc(50 / 1440 * 100vw);
    width: calc(640 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__solution__content {
    border-radius: calc(30 / 375 * 100vw);
    padding: calc(34 / 375 * 100vw) calc(30 / 375 * 100vw);
    width: 100%;
  }
}
.p-hsServiceContent__solution__content::before {
  background-image: url(../images/hubspotservice_solution_decoration.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 58px;
  left: 210px;
  position: absolute;
  top: -35px;
  width: 41px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__solution__content::before {
    height: calc(58 / 1440 * 100vw);
    left: calc(210 / 1440 * 100vw);
    top: calc(-35 / 1440 * 100vw);
    width: calc(41 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__solution__content::before {
    height: calc(44 / 375 * 100vw);
    left: calc(53 / 375 * 100vw);
    top: calc(-27 / 375 * 100vw);
    width: calc(31 / 375 * 100vw);
  }
}
.p-hsServiceContent__solution__content > ul > li {
  align-items: center;
  display: flex;
  font-size: 17px;
  font-weight: 500;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__solution__content > ul > li {
    font-size: calc(17 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__solution__content > ul > li {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(21 / 375 * 100vw);
  }
}
.p-hsServiceContent__solution__content > ul > li::before {
  background-image: url(../images/hubspotservice_icon_solution.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  flex-shrink: 0;
  height: 24px;
  margin-right: 17px;
  width: 24px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__solution__content > ul > li::before {
    height: calc(24 / 1440 * 100vw);
    margin-right: calc(17 / 1440 * 100vw);
    width: calc(24 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__solution__content > ul > li::before {
    height: calc(24 / 375 * 100vw);
    margin-right: calc(10 / 375 * 100vw);
    width: calc(24 / 375 * 100vw);
  }
}
.p-hsServiceContent__solution__content > ul > li + li {
  margin-top: 20px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__solution__content > ul > li + li {
    margin-top: calc(20 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__solution__content > ul > li + li {
    margin-top: calc(20 / 375 * 100vw);
  }
}
.p-hsServiceContent__feature__inner {
  margin: 0 auto;
  padding: 70px 50px;
  width: 1040px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__feature__inner {
    padding: calc(70 / 1440 * 100vw) calc(50 / 1440 * 100vw);
    width: calc(1040 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__feature__inner {
    padding: calc(40 / 375 * 100vw) calc(0 / 375 * 100vw);
    width: 100%;
  }
}
.p-hsServiceContent__feature__titleBox {
  margin-bottom: 60px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__feature__titleBox {
    margin-bottom: calc(60 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__feature__titleBox {
    margin-bottom: calc(25 / 375 * 100vw);
  }
}
.p-hsServiceContent__feature__titleBox__title {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__feature__titleBox__title {
    font-size: calc(30 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__feature__titleBox__title {
    font-size: calc(22 / 375 * 100vw);
  }
}
.p-hsServiceContent__feature__featureList > ul > li + li {
  margin-top: 40px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__feature__featureList > ul > li + li {
    margin-top: calc(40 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__feature__featureList > ul > li + li {
    margin-top: calc(25 / 375 * 100vw);
  }
}
.p-hsServiceContent__feature__featureList__featureBox {
  position: relative;
}
.p-hsServiceContent__feature__featureList__featureBox__titleBox {
  align-items: center;
  display: flex;
  margin-bottom: 15px;
  width: 523px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__feature__featureList__featureBox__titleBox {
    margin-bottom: calc(15 / 1440 * 100vw);
    width: calc(523 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__feature__featureList__featureBox__titleBox {
    margin-bottom: calc(15 / 375 * 100vw);
    width: 100%;
  }
}
.p-hsServiceContent__feature__featureList__featureBox__titleBox__number {
  color: var(--color-main);
  flex-shrink: 0;
  font-size: 60px;
  font-weight: 600;
  margin-right: 20px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__feature__featureList__featureBox__titleBox__number {
    font-size: calc(60 / 1440 * 100vw);
    margin-right: calc(20 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__feature__featureList__featureBox__titleBox__number {
    font-size: calc(60 / 375 * 100vw);
    margin-right: calc(15 / 375 * 100vw);
  }
}
.p-hsServiceContent__feature__featureList__featureBox__titleBox__title {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__feature__featureList__featureBox__titleBox__title {
    font-size: calc(20 / 1440 * 100vw);
    line-height: calc(28 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__feature__featureList__featureBox__titleBox__title {
    font-size: calc(18 / 375 * 100vw);
    line-height: calc(26 / 375 * 100vw);
  }
}
.p-hsServiceContent__feature__featureList__featureBox__thumbnail {
  position: absolute;
  right: 0;
  top: 0;
  width: 370px;
}
.p-hsServiceContent__feature__featureList__featureBox__thumbnail img {
  height: auto;
  width: 100%;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__feature__featureList__featureBox__thumbnail {
    width: calc(370 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__feature__featureList__featureBox__thumbnail {
    position: static;
    width: 100%;
  }
}
.p-hsServiceContent__feature__featureList__featureBox__text {
  font-size: 18px;
  line-height: 31px;
  width: 523px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__feature__featureList__featureBox__text {
    font-size: calc(18 / 1440 * 100vw);
    line-height: calc(31 / 1440 * 100vw);
    width: calc(523 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__feature__featureList__featureBox__text {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(26 / 375 * 100vw);
    margin-top: calc(10 / 375 * 100vw);
    width: 100%;
  }
}
.p-hsServiceContent__achievements {
  background-color: #4271a3;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}
.p-hsServiceContent__achievements__inner {
  margin: 0 auto;
  padding: 70px 50px;
  width: 1040px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__achievements__inner {
    padding: calc(70 / 1440 * 100vw) calc(50 / 1440 * 100vw);
    width: calc(1040 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__achievements__inner {
    padding: calc(40 / 375 * 100vw) calc(20 / 375 * 100vw);
    width: 100%;
  }
}
.p-hsServiceContent__achievements__titleBox {
  margin-bottom: 30px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__achievements__titleBox {
    margin-bottom: calc(30 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__achievements__titleBox {
    margin-bottom: calc(25 / 375 * 100vw);
  }
}
.p-hsServiceContent__achievements__titleBox__title {
  color: var(--color-white);
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__achievements__titleBox__title {
    font-size: calc(30 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__achievements__titleBox__title {
    font-size: calc(22 / 375 * 100vw);
  }
}
.p-hsServiceContent__achievements__titleBox__text {
  color: var(--color-white);
  font-size: 15px;
  font-weight: 500;
  line-height: 26px;
  margin-top: 20px;
  text-align: center;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__achievements__titleBox__text {
    font-size: calc(15 / 1440 * 100vw);
    line-height: calc(26 / 1440 * 100vw);
    margin-top: calc(20 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__achievements__titleBox__text {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(26 / 375 * 100vw);
    margin-top: calc(15 / 375 * 100vw);
  }
}
.p-hsServiceContent__achievements__content__number {
  color: var(--color-white);
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__achievements__content__number {
    font-size: calc(30 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__achievements__content__number {
    font-size: calc(30 / 375 * 100vw);
  }
}
.p-hsServiceContent__achievements__content__number .number {
  font-family: "Barlow";
  font-size: 75px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__achievements__content__number .number {
    font-size: calc(75 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__achievements__content__number .number {
    font-size: calc(75 / 375 * 100vw);
  }
}
.p-hsServiceContent__achievements__content__logoBox {
  align-items: center;
  background-color: var(--color-white);
  background-color: var(--color-white);
  border-radius: 10px;
  display: flex;
  height: 145px;
  justify-content: center;
  margin-top: 20px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__achievements__content__logoBox {
    border-radius: calc(10 / 1440 * 100vw);
    height: calc(145 / 1440 * 100vw);
    margin-top: calc(20 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__achievements__content__logoBox {
    border-radius: calc(10 / 375 * 100vw);
    height: calc(339 / 375 * 100vw);
    margin-top: calc(20 / 375 * 100vw);
  }
}
.p-hsServiceContent__achievements__content__logoBox__logo {
  background-image: url(../images/hubspotservice_achievements_logo.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 104px;
  transform: translate(5px, 5px);
  width: 873px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__achievements__content__logoBox__logo {
    height: calc(104 / 1440 * 100vw);
    transform: translate(calc(5 / 1440 * 100vw), calc(5 / 1440 * 100vw));
    width: calc(873 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__achievements__content__logoBox__logo {
    background-image: url(../images/hubspotservice_achievements_logo_sp.png);
    height: calc(289 / 375 * 100vw);
    transform: translate(calc(0 / 375 * 100vw), calc(0 / 375 * 100vw));
    width: calc(310 / 375 * 100vw);
  }
}
.p-hsServiceContent__cta__inner {
  padding: 70px 0;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__cta__inner {
    padding: calc(70 / 1440 * 100vw) 0;
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__cta__inner {
    padding: calc(40 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.p-hsServiceContent__cta__content {
  align-items: center;
  background-color: var(--color-white);
  border-radius: 10px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
  display: flex;
  height: 125px;
  justify-content: center;
  margin: 0 auto;
  width: 750px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__cta__content {
    border-radius: calc(10 / 1440 * 100vw);
    box-shadow: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw)
      calc(10 / 1440 * 100vw) rgba(0, 0, 0, 0.16);
    height: calc(125 / 1440 * 100vw);
    width: calc(750 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__cta__content {
    border-radius: calc(10 / 375 * 100vw);
    box-shadow: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw)
      calc(10 / 375 * 100vw) rgba(0, 0, 0, 0.16);
    display: block;
    height: auto;
    padding: calc(40 / 375 * 100vw) calc(20 / 375 * 100vw)
      calc(30 / 375 * 100vw);
    width: 100%;
  }
}
.p-hsServiceContent__cta__content__textBox__text1 {
  align-items: center;
  display: flex;
  font-size: 15px;
  font-weight: bold;
  justify-content: center;
  line-height: 27px;
  text-align: center;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__cta__content__textBox__text1 {
    font-size: calc(15 / 1440 * 100vw);
    line-height: calc(27 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__cta__content__textBox__text1 {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(27 / 375 * 100vw);
  }
}
.p-hsServiceContent__cta__content__textBox__text1::before,
.p-hsServiceContent__cta__content__textBox__text1::after {
  background-image: url(../images/company_cta_decoration.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 17px;
  margin-right: 5px;
  width: 8px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__cta__content__textBox__text1::before,
  .p-hsServiceContent__cta__content__textBox__text1::after {
    height: calc(17 / 1440 * 100vw);
    margin-right: calc(5 / 1440 * 100vw);
    width: calc(8 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__cta__content__textBox__text1::before,
  .p-hsServiceContent__cta__content__textBox__text1::after {
    height: calc(17 / 375 * 100vw);
    margin-right: calc(5 / 375 * 100vw);
    width: calc(8 / 375 * 100vw);
  }
}
.p-hsServiceContent__cta__content__textBox__text1::before {
  margin-right: 5px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__cta__content__textBox__text1::before {
    margin-right: calc(5 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__cta__content__textBox__text1::before {
    margin-right: calc(5 / 375 * 100vw);
  }
}
.p-hsServiceContent__cta__content__textBox__text1::after {
  margin-left: 4px;
  transform: scaleX(-1);
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__cta__content__textBox__text1::after {
    margin-left: calc(4 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__cta__content__textBox__text1::after {
    margin-left: calc(4 / 375 * 100vw);
  }
}
.p-hsServiceContent__cta__content__textBox__text2 {
  font-size: 20px;
  font-weight: bold;
  line-height: 27px;
  text-align: center;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__cta__content__textBox__text2 {
    font-size: calc(20 / 1440 * 100vw);
    line-height: calc(27 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__cta__content__textBox__text2 {
    font-size: calc(20 / 375 * 100vw);
    line-height: calc(27 / 375 * 100vw);
  }
}
.p-hsServiceContent__cta__content__button {
  flex-shrink: 0;
  height: 55px;
  margin-left: 34px;
  width: 306px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__cta__content__button {
    height: calc(55 / 1440 * 100vw);
    margin-left: calc(34 / 1440 * 100vw);
    width: calc(306 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__cta__content__button {
    height: calc(54 / 375 * 100vw);
    margin-left: calc(0 / 375 * 100vw);
    margin-top: calc(10 / 375 * 100vw);
    width: calc(295 / 375 * 100vw);
  }
}
.p-hsServiceContent__cta__content__button a {
  align-items: center;
  background: #fb5c35;
  border: 2px solid #fb5c35;
  border-radius: 30px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
  color: var(--color-white);
  display: flex;
  font-size: 15px;
  font-weight: bold;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__cta__content__button a {
    border: calc(2 / 1440 * 100vw) solid #fb5c35;
    border-radius: calc(30 / 1440 * 100vw);
    box-shadow: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw)
      calc(5 / 1440 * 100vw) rgba(0, 0, 0, 0.15);
    font-size: calc(15 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__cta__content__button a {
    border: calc(2 / 375 * 100vw) solid #fb5c35;
    border-radius: calc(30 / 375 * 100vw);
    box-shadow: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw)
      calc(5 / 375 * 100vw) rgba(0, 0, 0, 0.15);
    font-size: calc(15 / 375 * 100vw);
  }
}
.p-hsServiceContent__cta__content__button a::after {
  background-image: url(../images/icon_arrow_button.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  content: "";
  display: block;
  height: 10px;
  margin: auto 0;
  position: absolute;
  right: 16px;
  top: 0;
  width: 6px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__cta__content__button a::after {
    height: calc(10 / 1440 * 100vw);
    right: calc(16 / 1440 * 100vw);
    width: calc(6 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__cta__content__button a::after {
    height: calc(10 / 375 * 100vw);
    right: calc(16 / 375 * 100vw);
    width: calc(6 / 375 * 100vw);
  }
}
.p-hsServiceContent__cta--bg {
  background-color: rgba(235, 236, 237, 0.8);
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}
.p-hsServiceContent__cta--bg .p-hsServiceContent__cta__inner {
  margin: 0 auto;
  padding: 70px 50px;
  width: 1040px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__cta--bg .p-hsServiceContent__cta__inner {
    padding: calc(70 / 1440 * 100vw) calc(50 / 1440 * 100vw);
    width: calc(1040 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__cta--bg .p-hsServiceContent__cta__inner {
    padding: calc(40 / 375 * 100vw) calc(20 / 375 * 100vw);
    width: 100%;
  }
}
.p-hsServiceContent__product {
  background-color: rgba(235, 236, 237, 0.8);
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}
.p-hsServiceContent__product__inner {
  margin: 0 auto;
  padding: 70px 0;
  width: 1040px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__product__inner {
    padding: calc(70 / 1440 * 100vw) 0;
    width: calc(1040 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__product__inner {
    padding: calc(40 / 375 * 100vw) 0;
    width: 100%;
  }
}
.p-hsServiceContent__product__titleBox {
  margin-bottom: 95px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__product__titleBox {
    margin-bottom: calc(95 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__product__titleBox {
    margin-bottom: calc(25 / 375 * 100vw);
  }
}
.p-hsServiceContent__product__titleBox__title {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__product__titleBox__title {
    font-size: calc(30 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__product__titleBox__title {
    font-size: calc(22 / 375 * 100vw);
  }
}
.p-hsServiceContent__product__productList > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__product__productList > ul {
    display: block;
  }
}
.p-hsServiceContent__product__productList > ul > li {
  margin-top: 95px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__product__productList > ul > li {
    margin-top: calc(95 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__product__productList > ul > li {
    margin-top: calc(20 / 375 * 100vw);
  }
}
.p-hsServiceContent__product__productList > ul > li:nth-child(-n + 3) {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__product__productList > ul > li:nth-child(-n + 3) {
    margin-top: calc(20 / 375 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__product__productList > ul > li:first-child {
    margin-top: 0;
  }
}
.p-hsServiceContent__product__productList__productBox {
  background-color: var(--color-white);
  border-radius: 15px;
  height: 240px;
  padding: 30px;
  width: 330px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__product__productList__productBox {
    border-radius: calc(15 / 1440 * 100vw);
    height: calc(240 / 1440 * 100vw);
    padding: calc(30 / 1440 * 100vw);
    width: calc(330 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__product__productList__productBox {
    background-color: transparent;
    border-radius: calc(0 / 375 * 100vw);
    height: auto;
    margin: 0 auto;
    padding: calc(0 / 375 * 100vw);
    width: calc(295 / 375 * 100vw);
  }
}
.p-hsServiceContent__product__productList__productBox__titleBox {
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__product__productList__productBox__titleBox {
    border-bottom: 1px solid var(--color-black);
    padding: 0 calc(10 / 375 * 100vw) calc(10 / 375 * 100vw);
    pointer-events: auto;
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__product__productList__productBox__titleBox::after {
    background-image: url(../images/icon_arrow_product.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: calc(4 / 375 * 100vw);
    position: absolute;
    right: calc(10 / 375 * 100vw);
    top: calc(8 / 375 * 100vw);
    width: calc(8 / 375 * 100vw);
  }
}
.p-hsServiceContent__product__productList__productBox__titleBox__title {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 160px;
  margin: -85px auto 0;
  overflow: hidden;
  text-indent: 150vw;
  white-space: nowrap;
  width: 160px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__product__productList__productBox__titleBox__title {
    height: calc(160 / 1440 * 100vw);
    margin: calc(-85 / 1440 * 100vw) auto 0;
    width: calc(160 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__product__productList__productBox__titleBox__title {
    height: calc(0 / 375 * 100vw);
    margin: 0 auto 0 0;
    width: calc(0 / 375 * 100vw);
  }
}
.p-hsServiceContent__product__productList__productBox__text {
  font-size: 15px;
  line-height: 26px;
  margin-top: -8px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__product__productList__productBox__text {
    font-size: calc(15 / 1440 * 100vw);
    line-height: calc(26 / 1440 * 100vw);
    margin-top: calc(-8 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__product__productList__productBox__text {
    display: none;
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(26 / 375 * 100vw);
    margin-top: calc(0 / 375 * 100vw);
    padding-top: calc(10 / 375 * 100vw);
  }
}
.p-hsServiceContent__product__productList__productBox.is-open
  .p-hsServiceContent__product__productList__productBox__titleBox::after {
  transform: rotate(180deg);
}
.p-hsServiceContent__product__productList__productBox--marketing
  .p-hsServiceContent__product__productList__productBox__titleBox__title {
  background-image: url(../images/hubspotservice_product_icon_1.png);
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__product__productList__productBox--marketing
    .p-hsServiceContent__product__productList__productBox__titleBox__title {
    background-image: url(../images/hubspotservice_product_icon_1_sp.png);
    height: calc(22 / 375 * 100vw);
    width: calc(157 / 375 * 100vw);
  }
}
.p-hsServiceContent__product__productList__productBox--sales
  .p-hsServiceContent__product__productList__productBox__titleBox__title {
  background-image: url(../images/hubspotservice_product_icon_2.png);
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__product__productList__productBox--sales
    .p-hsServiceContent__product__productList__productBox__titleBox__title {
    background-image: url(../images/hubspotservice_product_icon_2_sp.png);
    height: calc(20 / 375 * 100vw);
    width: calc(109 / 375 * 100vw);
  }
}
.p-hsServiceContent__product__productList__productBox--content
  .p-hsServiceContent__product__productList__productBox__titleBox__title {
  background-image: url(../images/hubspotservice_product_icon_3.png);
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__product__productList__productBox--content
    .p-hsServiceContent__product__productList__productBox__titleBox__title {
    background-image: url(../images/hubspotservice_product_icon_3_sp.png);
    height: calc(19 / 375 * 100vw);
    width: calc(125 / 375 * 100vw);
  }
}
.p-hsServiceContent__product__productList__productBox--service
  .p-hsServiceContent__product__productList__productBox__titleBox__title {
  background-image: url(../images/hubspotservice_product_icon_4.png);
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__product__productList__productBox--service
    .p-hsServiceContent__product__productList__productBox__titleBox__title {
    background-image: url(../images/hubspotservice_product_icon_4_sp.png);
    height: calc(15 / 375 * 100vw);
    width: calc(128 / 375 * 100vw);
  }
}
.p-hsServiceContent__product__productList__productBox--oparations
  .p-hsServiceContent__product__productList__productBox__titleBox__title {
  background-image: url(../images/hubspotservice_product_icon_5.png);
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__product__productList__productBox--oparations
    .p-hsServiceContent__product__productList__productBox__titleBox__title {
    background-image: url(../images/hubspotservice_product_icon_5_sp.png);
    height: calc(22 / 375 * 100vw);
    width: calc(159 / 375 * 100vw);
  }
}
.p-hsServiceContent__product__productList__productBox--crm
  .p-hsServiceContent__product__productList__productBox__titleBox__title {
  background-image: url(../images/hubspotservice_product_icon_6.png);
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__product__productList__productBox--crm
    .p-hsServiceContent__product__productList__productBox__titleBox__title {
    background-image: url(../images/hubspotservice_product_icon_6_sp.png);
    height: calc(22 / 375 * 100vw);
    width: calc(126 / 375 * 100vw);
  }
}
.p-hsServiceContent__menu__inner {
  margin: 0 auto;
  padding: 70px 0;
  width: 1040px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__menu__inner {
    padding: calc(70 / 1440 * 100vw) 0;
    width: calc(1040 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__menu__inner {
    padding: calc(40 / 375 * 100vw) 0;
    width: 100%;
  }
}
.p-hsServiceContent__menu__titleBox {
  margin-bottom: 40px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__menu__titleBox {
    margin-bottom: calc(40 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__menu__titleBox {
    margin-bottom: calc(25 / 375 * 100vw);
  }
}
.p-hsServiceContent__menu__titleBox__title {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__menu__titleBox__title {
    font-size: calc(30 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__menu__titleBox__title {
    font-size: calc(22 / 375 * 100vw);
  }
}
.p-hsServiceContent__menu__menuList > ul {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__menu__menuList > ul {
    display: block;
  }
}
.p-hsServiceContent__menu__menuList > ul > li {
  width: 330px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__menu__menuList > ul > li {
    width: calc(330 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__menu__menuList > ul > li {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__menu__menuList > ul > li + li {
    margin-top: calc(20 / 375 * 100vw);
  }
}
.p-hsServiceContent__menu__menuList__menuBox {
  background-color: var(--color-white);
  border-radius: 10px;
  height: 295px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__menu__menuList__menuBox {
    border-radius: calc(10 / 1440 * 100vw);
    height: calc(295 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__menu__menuList__menuBox {
    border-radius: calc(10 / 375 * 100vw);
    height: auto;
  }
}
.p-hsServiceContent__menu__menuList__menuBox__title {
  align-items: center;
  background-color: #4271a3;
  border-radius: 10px 10px 0 0;
  color: var(--color-white);
  display: flex;
  font-size: 20px;
  font-weight: bold;
  height: 65px;
  justify-content: center;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__menu__menuList__menuBox__title {
    border-radius: calc(10 / 1440 * 100vw) calc(10 / 1440 * 100vw) 0 0;
    font-size: calc(20 / 1440 * 100vw);
    height: calc(65 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__menu__menuList__menuBox__title {
    border-radius: calc(10 / 375 * 100vw) calc(10 / 375 * 100vw) 0 0;
    font-size: calc(20 / 375 * 100vw);
    height: calc(59 / 375 * 100vw);
  }
}
.p-hsServiceContent__menu__menuList__menuBox__content {
  padding: 15px 40px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__menu__menuList__menuBox__content {
    padding: calc(15 / 1440 * 100vw) calc(40 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__menu__menuList__menuBox__content {
    padding: calc(15 / 375 * 100vw) calc(40 / 375 * 100vw);
  }
}
.p-hsServiceContent__menu__menuList__menuBox__content > ul > li {
  align-items: center;
  display: flex;
  font-size: 17px;
  line-height: 40px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__menu__menuList__menuBox__content > ul > li {
    font-size: calc(17 / 1440 * 100vw);
    line-height: calc(40 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__menu__menuList__menuBox__content > ul > li {
    font-size: calc(17 / 375 * 100vw);
    line-height: calc(40 / 375 * 100vw);
  }
}
.p-hsServiceContent__menu__menuList__menuBox__content > ul > li::before {
  border-color: transparent transparent transparent var(--color-black);
  border-style: solid;
  border-width: 3.5px 0 3.5px 4px;
  content: "";
  display: block;
  height: 0;
  margin-right: 10px;
  width: 0;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__menu__menuList__menuBox__content > ul > li::before {
    border-width: calc(3.5 / 1440 * 100vw) 0 calc(3.5 / 1440 * 100vw)
      calc(4 / 1440 * 100vw);
    margin-right: calc(10 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__menu__menuList__menuBox__content > ul > li::before {
    border-width: calc(3.5 / 375 * 100vw) 0 calc(3.5 / 375 * 100vw)
      calc(4 / 375 * 100vw);
    margin-right: calc(10 / 375 * 100vw);
  }
}
.p-hsServiceContent__menu__option {
  background-color: var(--color-white);
  border-radius: 10px;
  margin-top: 66px;
  padding-bottom: 30px;
  padding-top: 45px;
  position: relative;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__menu__option {
    border-radius: calc(10 / 1440 * 100vw);
    margin-top: calc(66 / 1440 * 100vw);
    padding-bottom: calc(30 / 1440 * 100vw);
    padding-top: calc(45 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__menu__option {
    border-radius: calc(10 / 375 * 100vw);
    margin-top: calc(46 / 375 * 100vw);
    padding-bottom: calc(20 / 375 * 100vw);
    padding-left: calc(20 / 375 * 100vw);
    padding-right: calc(20 / 375 * 100vw);
    padding-top: calc(40 / 375 * 100vw);
  }
}
.p-hsServiceContent__menu__option__title {
  align-items: center;
  background-color: #4271a3;
  border-radius: 30px;
  color: var(--color-white);
  display: flex;
  font-size: 20px;
  font-weight: bold;
  height: 51px;
  justify-content: center;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: -25px;
  width: 276px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__menu__option__title {
    border-radius: calc(30 / 1440 * 100vw);
    font-size: calc(20 / 1440 * 100vw);
    height: calc(51 / 1440 * 100vw);
    top: calc(-25 / 1440 * 100vw);
    width: calc(276 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__menu__option__title {
    border-radius: calc(30 / 375 * 100vw);
    font-size: calc(20 / 375 * 100vw);
    height: calc(51 / 375 * 100vw);
    top: calc(-25 / 375 * 100vw);
    width: calc(276 / 375 * 100vw);
  }
}
.p-hsServiceContent__menu__option__title::before {
  background-image: url(../images/icon_plus_menu.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 10px;
  margin-right: 15px;
  width: 10px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__menu__option__title::before {
    height: calc(10 / 1440 * 100vw);
    margin-right: calc(15 / 1440 * 100vw);
    width: calc(10 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__menu__option__title::before {
    height: calc(10 / 375 * 100vw);
    margin-right: calc(15 / 375 * 100vw);
    width: calc(10 / 375 * 100vw);
  }
}
.p-hsServiceContent__menu__option__text {
  font-size: 15px;
  line-height: 26px;
  text-align: center;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__menu__option__text {
    font-size: calc(15 / 1440 * 100vw);
    line-height: calc(26 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__menu__option__text {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(26 / 375 * 100vw);
    text-align: left;
  }
}
.p-hsServiceContent__cando__inner {
  margin: 0 auto;
  padding: 70px 50px;
  width: 1040px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__cando__inner {
    padding: calc(70 / 1440 * 100vw) calc(50 / 1440 * 100vw);
    width: calc(1040 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__cando__inner {
    padding: calc(40 / 375 * 100vw) calc(0 / 375 * 100vw);
    width: 100%;
  }
}
.p-hsServiceContent__cando__titleBox {
  margin-bottom: 40px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__cando__titleBox {
    margin-bottom: calc(40 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__cando__titleBox {
    margin-bottom: calc(30 / 375 * 100vw);
  }
}
.p-hsServiceContent__cando__titleBox__title {
  align-items: center;
  display: flex;
  font-size: 30px;
  font-weight: bold;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__cando__titleBox__title {
    font-size: calc(30 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__cando__titleBox__title {
    font-size: calc(22 / 375 * 100vw);
  }
}
.p-hsServiceContent__cando__titleBox__title::before {
  align-items: center;
  background-color: #4271a3;
  border-radius: 20px;
  color: var(--color-white);
  content: "＋α";
  display: flex;
  font-size: 20px;
  font-weight: bold;
  height: 33px;
  justify-content: center;
  margin-right: 12px;
  width: 64px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__cando__titleBox__title::before {
    border-radius: calc(20 / 1440 * 100vw);
    font-size: calc(20 / 1440 * 100vw);
    height: calc(33 / 1440 * 100vw);
    margin-right: calc(12 / 1440 * 100vw);
    width: calc(64 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__cando__titleBox__title::before {
    border-radius: calc(20 / 375 * 100vw);
    font-size: calc(17 / 375 * 100vw);
    height: calc(33 / 375 * 100vw);
    margin-right: calc(8 / 375 * 100vw);
    width: calc(61 / 375 * 100vw);
  }
}
.p-hsServiceContent__cando__content {
  background-color: #4271a3;
  border-radius: 10px;
  display: flex;
  height: 360px;
  justify-content: center;
  padding-top: 40px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__cando__content {
    border-radius: calc(10 / 1440 * 100vw);
    height: calc(360 / 1440 * 100vw);
    padding-top: calc(40 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__cando__content {
    background-color: transparent;
    border-radius: calc(0 / 375 * 100vw);
    display: block;
    height: auto;
    padding-left: calc(20 / 375 * 100vw);
    padding-right: calc(20 / 375 * 100vw);
    padding-top: calc(0 / 375 * 100vw);
  }
}
.p-hsServiceContent__cando__content__section {
  width: 234px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__cando__content__section {
    width: calc(234 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__cando__content__section {
    width: 100%;
  }
}
.p-hsServiceContent__cando__content__section__title {
  align-items: flex-end;
  border-bottom: 1px solid var(--color-white);
  color: var(--color-white);
  display: flex;
  font-size: 20px;
  font-weight: bold;
  height: 60px;
  justify-content: center;
  line-height: 30px;
  margin-bottom: 15px;
  padding-bottom: 15px;
  text-align: center;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__cando__content__section__title {
    font-size: calc(20 / 1440 * 100vw);
    height: calc(60 / 1440 * 100vw);
    line-height: calc(30 / 1440 * 100vw);
    margin-bottom: calc(15 / 1440 * 100vw);
    padding-bottom: calc(15 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__cando__content__section__title {
    border-bottom: 1px solid var(--color-black);
    color: var(--color-black);
    display: block;
    font-size: calc(20 / 375 * 100vw);
    height: auto;
    line-height: calc(30 / 375 * 100vw);
    margin-bottom: calc(15 / 375 * 100vw);
    padding-bottom: calc(15 / 375 * 100vw);
  }
}
.p-hsServiceContent__cando__content__section__text {
  color: var(--color-white);
  font-size: 15px;
  line-height: 26px;
  text-align: justify;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__cando__content__section__text {
    font-size: calc(15 / 1440 * 100vw);
    line-height: calc(26 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__cando__content__section__text {
    color: var(--color-black);
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(26 / 375 * 100vw);
  }
}
.p-hsServiceContent__cando__content__section
  + .p-hsServiceContent__cando__content__section {
  margin-left: 52px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__cando__content__section
    + .p-hsServiceContent__cando__content__section {
    margin-left: calc(52 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__cando__content__section
    + .p-hsServiceContent__cando__content__section {
    margin-left: calc(0 / 375 * 100vw);
    margin-top: calc(30 / 375 * 100vw);
  }
}
.p-hsServiceContent__project {
  background-color: rgba(255, 255, 255, 0.8);
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__project {
    background-color: #f2f2f2;
  }
}
.p-hsServiceContent__project__inner {
  margin: 0 auto;
  padding: 70px 50px;
  width: 1040px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__project__inner {
    padding: calc(70 / 1440 * 100vw) calc(50 / 1440 * 100vw);
    width: calc(1040 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__project__inner {
    padding: calc(40 / 375 * 100vw) calc(10 / 375 * 100vw);
    width: 100%;
  }
}
.p-hsServiceContent__project__titleBox {
  margin-bottom: 40px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__project__titleBox {
    margin-bottom: calc(40 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__project__titleBox {
    margin-bottom: calc(25 / 375 * 100vw);
  }
}
.p-hsServiceContent__project__titleBox__title {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__project__titleBox__title {
    font-size: calc(30 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__project__titleBox__title {
    font-size: calc(22 / 375 * 100vw);
  }
}
.p-hsServiceContent__project__table {
  background-image: url(../images/hubspotservice_project.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 442px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__project__table {
    height: calc(442 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__project__table {
    background-image: url(../images/hubspotservice_project_sp.png);
    height: calc(177 / 375 * 100vw);
  }
}
.p-hsServiceContent__price__inner {
  margin: 0 auto;
  padding: 70px 0;
  width: 1040px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__price__inner {
    padding: calc(70 / 1440 * 100vw) 0;
    width: calc(1040 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__price__inner {
    padding: calc(40 / 375 * 100vw) 0;
    width: 100%;
  }
}
.p-hsServiceContent__price__titleBox {
  margin-bottom: 40px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__price__titleBox {
    margin-bottom: calc(40 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__price__titleBox {
    margin-bottom: calc(20 / 375 * 100vw);
  }
}
.p-hsServiceContent__price__titleBox__title {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__price__titleBox__title {
    font-size: calc(30 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__price__titleBox__title {
    font-size: calc(22 / 375 * 100vw);
  }
}
.p-hsServiceContent__price__titleBox__text {
  font-size: 15px;
  line-height: 26px;
  margin-top: 25px;
  text-align: center;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__price__titleBox__text {
    font-size: calc(15 / 1440 * 100vw);
    line-height: calc(26 / 1440 * 100vw);
    margin-top: calc(25 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__price__titleBox__text {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(26 / 375 * 100vw);
    margin-top: calc(15 / 375 * 100vw);
  }
}
.p-hsServiceContent__price__buttonList {
  align-items: center;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__price__buttonList {
    display: block;
  }
}
.p-hsServiceContent__price__buttonList__button1,
.p-hsServiceContent__price__buttonList__button2 {
  background-color: var(--color-white);
  border-radius: 30px;
  height: 55px;
  width: 342px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__price__buttonList__button1,
  .p-hsServiceContent__price__buttonList__button2 {
    border-radius: calc(30 / 1440 * 100vw);
    height: calc(55 / 1440 * 100vw);
    width: calc(342 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__price__buttonList__button1,
  .p-hsServiceContent__price__buttonList__button2 {
    border-radius: calc(30 / 375 * 100vw);
    height: calc(51 / 375 * 100vw);
    margin: 0 auto;
    width: calc(295 / 375 * 100vw);
  }
}
.p-hsServiceContent__price__buttonList__button1 a,
.p-hsServiceContent__price__buttonList__button2 a {
  align-items: center;
  background: #fb5c35;
  border: 2px solid #fb5c35;
  border-radius: 30px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
  color: var(--color-white);
  display: flex;
  font-size: 16px;
  font-weight: bold;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__price__buttonList__button1 a,
  .p-hsServiceContent__price__buttonList__button2 a {
    border: calc(2 / 1440 * 100vw) solid #fb5c35;
    border-radius: calc(30 / 1440 * 100vw);
    box-shadow: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw)
      calc(5 / 1440 * 100vw) rgba(0, 0, 0, 0.15);
    font-size: calc(16 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__price__buttonList__button1 a,
  .p-hsServiceContent__price__buttonList__button2 a {
    border: calc(2 / 375 * 100vw) solid #fb5c35;
    border-radius: calc(30 / 375 * 100vw);
    box-shadow: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw)
      calc(5 / 375 * 100vw) rgba(0, 0, 0, 0.15);
    font-size: calc(15 / 375 * 100vw);
  }
}
.p-hsServiceContent__price__buttonList__button1 a::after,
.p-hsServiceContent__price__buttonList__button2 a::after {
  background-image: url(../images/icon_arrow_button.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  content: "";
  display: block;
  height: 10px;
  margin: auto 0;
  position: absolute;
  right: 16px;
  top: 0;
  width: 6px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__price__buttonList__button1 a::after,
  .p-hsServiceContent__price__buttonList__button2 a::after {
    height: calc(10 / 1440 * 100vw);
    right: calc(16 / 1440 * 100vw);
    width: calc(6 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__price__buttonList__button1 a::after,
  .p-hsServiceContent__price__buttonList__button2 a::after {
    height: calc(10 / 375 * 100vw);
    right: calc(16 / 375 * 100vw);
    width: calc(6 / 375 * 100vw);
  }
}
.p-hsServiceContent__price__buttonList__button2 {
  margin-left: 20px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__price__buttonList__button2 {
    margin-left: calc(20 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__price__buttonList__button2 {
    margin-left: auto;
    margin-top: calc(12 / 375 * 100vw);
  }
}
.p-hsServiceContent__price__buttonList__button2 a {
  background-color: var(--color-white);
  color: var(--color-main);
}
.p-hsServiceContent__price__buttonList__button2 a::after {
  background-image: url(../images/icon_arrow_button_orange.svg);
}
.p-hsServiceContent__faq {
  background-color: rgba(236, 237, 238, 0.8);
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}
.p-hsServiceContent__faq__inner {
  margin: 0 auto;
  padding: 70px 50px;
  width: 1040px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__faq__inner {
    padding: calc(70 / 1440 * 100vw) calc(50 / 1440 * 100vw);
    width: calc(1040 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__faq__inner {
    padding: calc(40 / 375 * 100vw) calc(20 / 375 * 100vw);
    width: 100%;
  }
}
.p-hsServiceContent__faq__titleBox {
  margin-bottom: 40px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__faq__titleBox {
    margin-bottom: calc(40 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__faq__titleBox {
    margin-bottom: calc(25 / 375 * 100vw);
  }
}
.p-hsServiceContent__faq__titleBox__title {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__faq__titleBox__title {
    font-size: calc(30 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__faq__titleBox__title {
    font-size: calc(22 / 375 * 100vw);
  }
}
.p-hsServiceContent__faq__faqList > ul > li + li {
  margin-top: 25px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__faq__faqList > ul > li + li {
    margin-top: calc(25 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__faq__faqList > ul > li + li {
    margin-top: calc(20 / 375 * 100vw);
  }
}
.p-hsServiceContent__faq__faqList__faqBox {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  background-color: var(--color-white);
  border-radius: 10px;
  cursor: pointer;
  user-select: none;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__faq__faqList__faqBox {
    border-radius: calc(10 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__faq__faqList__faqBox {
    border-radius: calc(10 / 375 * 100vw);
  }
}
.p-hsServiceContent__faq__faqList__faqBox__qBox {
  background-color: #4271a3;
  border-radius: 10px;
  position: relative;
  transition: 0.3s;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__faq__faqList__faqBox__qBox {
    border-radius: calc(10 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__faq__faqList__faqBox__qBox {
    border-radius: calc(10 / 375 * 100vw);
  }
}
.p-hsServiceContent__faq__faqList__faqBox__qBox::after {
  background-image: url(../images/icon_plus.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  content: "";
  display: block;
  height: 15px;
  margin: auto 0;
  position: absolute;
  right: 25px;
  top: 0;
  width: 15px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__faq__faqList__faqBox__qBox::after {
    height: calc(15 / 1440 * 100vw);
    right: calc(25 / 1440 * 100vw);
    width: calc(15 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__faq__faqList__faqBox__qBox::after {
    bottom: auto;
    height: calc(15 / 375 * 100vw);
    right: calc(15 / 375 * 100vw);
    top: calc(20 / 375 * 100vw);
    width: calc(15 / 375 * 100vw);
  }
}
.p-hsServiceContent__faq__faqList__faqBox__qBox__inner {
  align-items: center;
  display: flex;
  padding: 20px 25px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__faq__faqList__faqBox__qBox__inner {
    padding: calc(20 / 1440 * 100vw) calc(25 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__faq__faqList__faqBox__qBox__inner {
    align-items: flex-start;
    padding: calc(15 / 375 * 100vw) calc(40 / 375 * 100vw)
      calc(15 / 375 * 100vw) calc(15 / 375 * 100vw);
  }
}
.p-hsServiceContent__faq__faqList__faqBox__qBox__icon {
  color: var(--color-white);
  flex-shrink: 0;
  font-family: "Barlow";
  font-size: 30px;
  font-weight: bold;
  margin-right: 20px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__faq__faqList__faqBox__qBox__icon {
    font-size: calc(30 / 1440 * 100vw);
    margin-right: calc(20 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__faq__faqList__faqBox__qBox__icon {
    font-size: calc(30 / 375 * 100vw);
    margin-right: calc(15 / 375 * 100vw);
  }
}
.p-hsServiceContent__faq__faqList__faqBox__qBox__text {
  color: var(--color-white);
  font-size: 20px;
  font-weight: bold;
  line-height: 35px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__faq__faqList__faqBox__qBox__text {
    font-size: calc(20 / 1440 * 100vw);
    line-height: calc(35 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__faq__faqList__faqBox__qBox__text {
    font-size: calc(18 / 375 * 100vw);
    line-height: calc(26 / 375 * 100vw);
  }
}
.p-hsServiceContent__faq__faqList__faqBox__aBox {
  display: none;
}
.p-hsServiceContent__faq__faqList__faqBox__aBox__inner {
  padding: 22px 25px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__faq__faqList__faqBox__aBox__inner {
    padding: calc(22 / 1440 * 100vw) calc(25 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__faq__faqList__faqBox__aBox__inner {
    padding: calc(15 / 375 * 100vw) calc(15 / 375 * 100vw);
  }
}
.p-hsServiceContent__faq__faqList__faqBox__aBox__icon {
  display: none;
}
.p-hsServiceContent__faq__faqList__faqBox__aBox__text {
  font-size: 15px;
  line-height: 26px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__faq__faqList__faqBox__aBox__text {
    font-size: calc(15 / 1440 * 100vw);
    line-height: calc(26 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__faq__faqList__faqBox__aBox__text {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(26 / 375 * 100vw);
  }
}
.p-hsServiceContent__faq__faqList__faqBox.is-open
  .p-hsServiceContent__faq__faqList__faqBox__qBox {
  border-radius: 10px 10px 0 0;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceContent__faq__faqList__faqBox.is-open
    .p-hsServiceContent__faq__faqList__faqBox__qBox {
    border-radius: calc(10 / 1440 * 100vw) calc(10 / 1440 * 100vw) 0 0;
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceContent__faq__faqList__faqBox.is-open
    .p-hsServiceContent__faq__faqList__faqBox__qBox {
    border-radius: calc(10 / 375 * 100vw) calc(10 / 375 * 100vw) 0 0;
  }
}
.p-hsServiceContent__faq__faqList__faqBox.is-open
  .p-hsServiceContent__faq__faqList__faqBox__qBox::after {
  background-image: url(../images/icon_minus.svg);
}

.p-hsServiceHeader {
  background-image: url(../images/bg_serviceheader.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 483px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceHeader {
    height: calc(483 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceHeader {
    background-image: url(../images/bg_serviceheader_sp.png);
    height: calc(599 / 375 * 100vw);
  }
}
.p-hsServiceHeader h1 {
  display: none;
}
.p-hsServiceHeader__inner {
  margin: 0 auto;
  padding-top: 66px;
  position: relative;
  width: 1120px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceHeader__inner {
    padding-top: calc(66 / 1440 * 100vw);
    width: calc(1120 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceHeader__inner {
    padding-top: calc(35 / 375 * 100vw);
    width: 100%;
  }
}
.p-hsServiceHeader__header {
  align-items: center;
  display: flex;
  height: 150px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceHeader__header {
    height: calc(150 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceHeader__header {
    display: none;
    height: calc(150 / 375 * 100vw);
  }
}
.p-hsServiceHeader__header__button {
  height: 40px;
  margin-left: auto;
  width: 163px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceHeader__header__button {
    height: calc(40 / 1440 * 100vw);
    width: calc(163 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceHeader__header__button {
    height: calc(40 / 375 * 100vw);
    width: calc(163 / 375 * 100vw);
  }
}
.p-hsServiceHeader__header__button a {
  align-items: center;
  background: #fb5c35;
  border: 2px solid #fb5c35;
  border-radius: 20px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
  color: var(--color-white);
  display: flex;
  font-size: 15px;
  font-weight: bold;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceHeader__header__button a {
    border: calc(2 / 1440 * 100vw) solid #fb5c35;
    border-radius: calc(20 / 1440 * 100vw);
    box-shadow: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw)
      calc(5 / 1440 * 100vw) rgba(0, 0, 0, 0.15);
    font-size: calc(15 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceHeader__header__button a {
    border: calc(2 / 375 * 100vw) solid #fb5c35;
    border-radius: calc(20 / 375 * 100vw);
    box-shadow: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw)
      calc(5 / 375 * 100vw) rgba(0, 0, 0, 0.15);
    font-size: calc(15 / 375 * 100vw);
  }
}
.p-hsServiceHeader__titleBox__title {
  color: var(--color-white);
  font-size: 20px;
  font-weight: 500;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceHeader__titleBox__title {
    font-size: calc(20 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceHeader__titleBox__title {
    font-size: calc(14 / 375 * 100vw);
  }
}
.p-hsServiceHeader__titleBox__text {
  color: var(--color-white);
  font-size: 36px;
  font-weight: 500;
  line-height: 49px;
  margin-top: 15px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceHeader__titleBox__text {
    font-size: calc(36 / 1440 * 100vw);
    line-height: calc(49 / 1440 * 100vw);
    margin-top: calc(15 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceHeader__titleBox__text {
    font-size: calc(35 / 375 * 100vw);
    line-height: calc(46 / 375 * 100vw);
    margin-top: calc(10 / 375 * 100vw);
  }
}
.p-hsServiceHeader__logoList {
  align-items: center;
  display: flex;
  margin-top: 20px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceHeader__logoList {
    margin-top: calc(20 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceHeader__logoList {
    margin-top: calc(15 / 375 * 100vw);
  }
}
.p-hsServiceHeader__logoList__logo {
  width: 143px;
}
.p-hsServiceHeader__logoList__logo img {
  height: auto;
  width: 100%;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceHeader__logoList__logo {
    width: calc(143 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceHeader__logoList__logo {
    width: calc(100 / 375 * 100vw);
  }
}
.p-hsServiceHeader__logoList__badge {
  margin-left: 25px;
  width: 64px;
}
.p-hsServiceHeader__logoList__badge img {
  height: auto;
  width: 100%;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceHeader__logoList__badge {
    margin-left: calc(25 / 1440 * 100vw);
    width: calc(64 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceHeader__logoList__badge {
    margin-left: calc(10 / 375 * 100vw);
    width: calc(45 / 375 * 100vw);
  }
}
.p-hsServiceHeader__text {
  color: var(--color-white);
  font-size: 17px;
  font-weight: 500;
  line-height: 30px;
  margin-top: 25px;
}
@media screen and (max-width: 1439px) {
  .p-hsServiceHeader__text {
    font-size: calc(17 / 1440 * 100vw);
    line-height: calc(30 / 1440 * 100vw);
    margin-top: calc(25 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-hsServiceHeader__text {
    font-size: calc(14 / 375 * 100vw);
    line-height: calc(24 / 375 * 100vw);
    margin-top: calc(10 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-knowHowModule .l-container {
    padding-right: 0;
  }
}
.p-knowHowModule__inner {
  position: relative;
}
.p-knowHowModule__titleBox {
  margin-bottom: 20px;
}
@media screen and (max-width: 1439px) {
  .p-knowHowModule__titleBox {
    margin-bottom: calc(20 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-knowHowModule__titleBox {
    margin-bottom: calc(15 / 375 * 100vw);
  }
}
.p-knowHowModule__titleBox__title {
  align-items: center;
  display: flex;
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 1439px) {
  .p-knowHowModule__titleBox__title {
    font-size: calc(18 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-knowHowModule__titleBox__title {
    font-size: calc(17 / 375 * 100vw);
  }
}
.p-knowHowModule__titleBox__title::before {
  background-color: var(--color-black);
  content: "";
  display: block;
  height: 19px;
  margin-right: 13px;
  transform: translateY(1px);
  width: 7px;
}
@media screen and (max-width: 1439px) {
  .p-knowHowModule__titleBox__title::before {
    height: calc(19 / 1440 * 100vw);
    margin-right: calc(13 / 1440 * 100vw);
    width: calc(7 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-knowHowModule__titleBox__title::before {
    height: calc(19 / 375 * 100vw);
    margin-right: calc(13 / 375 * 100vw);
    width: calc(7 / 375 * 100vw);
  }
}
.p-knowHowModule__tab {
  margin-bottom: 20px;
}
@media screen and (max-width: 1439px) {
  .p-knowHowModule__tab {
    margin-bottom: calc(20 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-knowHowModule__tab {
    margin-bottom: calc(10 / 375 * 100vw);
    margin-top: calc(20 / 375 * 100vw);
    overflow: scroll;
    padding-bottom: calc(5 / 375 * 100vw);
  }
}
.p-knowHowModule__tab > ul {
  align-items: center;
  background-color: var(--color-bg2);
  border-radius: 20px;
  display: inline-flex;
  height: 40px;
}
@media screen and (max-width: 1439px) {
  .p-knowHowModule__tab > ul {
    border-radius: calc(20 / 1440 * 100vw);
    height: calc(40 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-knowHowModule__tab > ul {
    border-radius: calc(23 / 375 * 100vw);
    height: calc(35 / 375 * 100vw);
  }
}
.p-knowHowModule__tab > ul > li {
  height: 100%;
}
.p-knowHowModule__tab > ul > li a {
  align-items: center;
  color: var(--color-black2);
  display: flex;
  font-size: 15px;
  height: 100%;
  justify-content: center;
  padding: 0 28px;
  transition: 0s;
}
@media screen and (max-width: 1439px) {
  .p-knowHowModule__tab > ul > li a {
    font-size: calc(15 / 1440 * 100vw);
    padding: 0 calc(28 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-knowHowModule__tab > ul > li a {
    font-size: calc(13 / 375 * 100vw);
    padding: 0 calc(25 / 375 * 100vw);
    white-space: nowrap;
  }
}
.p-knowHowModule__tab > ul > li a:hover {
  opacity: 1;
}
.p-knowHowModule__tab > ul > li.is-current {
  background-color: var(--color-main);
  border-radius: 20px;
  color: var(--color-white);
}
@media screen and (max-width: 1439px) {
  .p-knowHowModule__tab > ul > li.is-current {
    border-radius: calc(20 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-knowHowModule__tab > ul > li.is-current {
    border-radius: calc(23 / 375 * 100vw);
  }
}
.p-knowHowModule__tab > ul > li.is-current a {
  color: var(--color-white);
}
.p-knowHowModule__swiper {
  display: none;
  width: 25%;
}
@media screen and (max-width: 767px) {
  .p-knowHowModule__swiper {
    width: calc(325 / 375 * 100vw);
  }
}
.p-knowHowModule__swiper__wrapper {
  overflow: hidden;
}
.p-knowHowModule__swiper__wrapper__wrapper {
  position: relative;
}
.p-knowHowModule__swiper.is-current {
  display: block;
}
.p-knowHowModule__readmore {
  position: absolute;
  right: 0;
  top: 0;
}
.p-knowHowModule__readmore a {
  align-items: center;
  display: flex;
  font-size: 14px;
}
@media screen and (max-width: 1439px) {
  .p-knowHowModule__readmore a {
    font-size: calc(14 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-knowHowModule__readmore a {
    font-size: calc(11 / 375 * 100vw);
  }
}
.p-knowHowModule__readmore a::after {
  -webkit-mask-image: url(../images/icon_arrow_readmore.svg);
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  background-color: var(--color-black);
  content: "";
  display: block;
  height: 10px;
  margin-left: 16px;
  mask-image: url(../images/icon_arrow_readmore.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  transition: 0.3s;
  width: 6px;
}
@media screen and (max-width: 1439px) {
  .p-knowHowModule__readmore a::after {
    height: calc(10 / 1440 * 100vw);
    margin-left: calc(16 / 1440 * 100vw);
    width: calc(6 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-knowHowModule__readmore a::after {
    height: calc(8 / 375 * 100vw);
    margin-left: calc(15 / 375 * 100vw);
    width: calc(4 / 375 * 100vw);
  }
}
.p-knowHowModule__readmore a:hover {
  color: var(--color-main);
}
@media screen and (max-width: 767px) {
  .p-knowHowModule__readmore a:hover {
    color: var(--color-black);
  }
}
.p-knowHowModule__readmore a:hover::after {
  background-color: var(--color-main);
}
@media screen and (max-width: 767px) {
  .p-knowHowModule__readmore a:hover::after {
    background-color: var(--color-black);
  }
}
@media screen and (max-width: 767px) {
  .p-knowHowModule__readmore {
    right: calc(20 / 375 * 100vw);
    top: calc(4 / 375 * 100vw);
  }
}

.p-mailMagazine {
  margin-top: 60px;
}
@media screen and (max-width: 1439px) {
  .p-mailMagazine {
    margin-top: calc(60 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-mailMagazine {
    margin-top: calc(40 / 375 * 100vw);
  }
}
.p-mailMagazine__module {
  background: linear-gradient(#2e3e50 0%, #37495d 100%);
  border-radius: 10px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
  margin: 0 auto;
  padding: 35px;
  width: 610px;
}
@media screen and (max-width: 1439px) {
  .p-mailMagazine__module {
    border-radius: calc(10 / 1440 * 100vw);
    box-shadow: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw)
      calc(10 / 1440 * 100vw) rgba(0, 0, 0, 0.15);
    padding: calc(35 / 1440 * 100vw);
    width: calc(610 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-mailMagazine__module {
    border-radius: calc(10 / 375 * 100vw);
    box-shadow: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw)
      calc(10 / 375 * 100vw) rgba(0, 0, 0, 0.15);
    padding: calc(30 / 375 * 100vw) calc(20 / 375 * 100vw)
      calc(25 / 375 * 100vw);
    width: 100%;
  }
}
.p-mailMagazine__module__titleBox {
  margin-bottom: 20px;
}
@media screen and (max-width: 1439px) {
  .p-mailMagazine__module__titleBox {
    margin-bottom: calc(20 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-mailMagazine__module__titleBox {
    margin-bottom: calc(20 / 375 * 100vw);
  }
}
.p-mailMagazine__module__titleBox__title {
  align-items: center;
  color: var(--color-white);
  display: flex;
  font-size: 20px;
  font-weight: bold;
}
@media screen and (max-width: 1439px) {
  .p-mailMagazine__module__titleBox__title {
    font-size: calc(20 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-mailMagazine__module__titleBox__title {
    font-size: calc(20 / 375 * 100vw);
  }
}
.p-mailMagazine__module__titleBox__title::before {
  background-image: url(../images/icon_mail.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 19px;
  margin-right: 7px;
  width: 26px;
}
@media screen and (max-width: 1439px) {
  .p-mailMagazine__module__titleBox__title::before {
    height: calc(19 / 1440 * 100vw);
    margin-right: calc(7 / 1440 * 100vw);
    width: calc(26 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-mailMagazine__module__titleBox__title::before {
    height: calc(19 / 375 * 100vw);
    margin-right: calc(7 / 375 * 100vw);
    width: calc(26 / 375 * 100vw);
  }
}
.p-mailMagazine__module__titleBox__text {
  color: var(--color-white);
  font-size: 15px;
  font-weight: bold;
  margin-top: 12px;
}
@media screen and (max-width: 1439px) {
  .p-mailMagazine__module__titleBox__text {
    font-size: calc(15 / 1440 * 100vw);
    margin-top: calc(12 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-mailMagazine__module__titleBox__text {
    font-size: calc(15 / 375 * 100vw);
    margin-top: calc(12 / 375 * 100vw);
  }
}
.p-mailMagazine__module__form form {
  font-size: 0;
  position: relative;
}
.p-mailMagazine__module__form .hs_email > label {
  color: var(--color-white);
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 8px;
}
@media screen and (max-width: 1439px) {
  .p-mailMagazine__module__form .hs_email > label {
    font-size: calc(13 / 1440 * 100vw);
    margin-bottom: calc(8 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-mailMagazine__module__form .hs_email > label {
    font-size: calc(13 / 375 * 100vw);
    margin-bottom: calc(8 / 375 * 100vw);
  }
}
.p-mailMagazine__module__form .hs_email input {
  border-radius: 10px;
  height: 50px;
  padding: 0 25px;
  width: 470px;
}
@media screen and (max-width: 1439px) {
  .p-mailMagazine__module__form .hs_email input {
    border-radius: calc(10 / 1440 * 100vw);
    height: calc(50 / 1440 * 100vw);
    padding: 0 calc(25 / 1440 * 100vw);
    width: calc(470 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-mailMagazine__module__form .hs_email input {
    border-radius: calc(5 / 375 * 100vw) 0 0 calc(5 / 375 * 100vw);
    height: calc(45 / 375 * 100vw);
    padding: 0 calc(15 / 375 * 100vw);
    width: calc(100% - (45 / 375 * 100vw));
  }
}
.p-mailMagazine__module__form .hs_email .hs-error-msgs,
.p-mailMagazine__module__form .hs_email .hs-error-msgs a {
  color: red;
  font-size: 12px;
  font-weight: normal;
  margin-top: 10px;
}
@media screen and (max-width: 1439px) {
  .p-mailMagazine__module__form .hs_email .hs-error-msgs,
  .p-mailMagazine__module__form .hs_email .hs-error-msgs a {
    font-size: calc(12 / 1440 * 100vw);
    margin-top: calc(10 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-mailMagazine__module__form .hs_email .hs-error-msgs,
  .p-mailMagazine__module__form .hs_email .hs-error-msgs a {
    font-size: calc(12 / 375 * 100vw);
    margin-top: calc(10 / 375 * 100vw);
  }
}
.p-mailMagazine__module__form .hs_email .hs-error-msgs a {
  cursor: pointer;
  text-decoration: underline;
}
.p-mailMagazine__module__form .hs_submit {
  position: absolute;
  right: 0;
  top: 20px;
}
@media screen and (max-width: 1439px) {
  .p-mailMagazine__module__form .hs_submit {
    top: calc(20 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-mailMagazine__module__form .hs_submit {
    top: calc(20 / 375 * 100vw);
  }
}
.p-mailMagazine__module__form .hs_submit input {
  background-color: transparent;
  background-image: url(../images/button_submit_mailMagazine.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  cursor: pointer;
  display: block;
  height: 50px;
  overflow: hidden;
  text-indent: 150vw;
  white-space: nowrap;
  width: 65px;
}
@media screen and (max-width: 1439px) {
  .p-mailMagazine__module__form .hs_submit input {
    height: calc(50 / 1440 * 100vw);
    width: calc(65 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-mailMagazine__module__form .hs_submit input {
    background-image: url(../images/button_submit_mailMagazine_sp.svg);
    height: calc(45 / 375 * 100vw);
    width: calc(45 / 375 * 100vw);
  }
}
.p-mailMagazine__module__form .hs_privacy_policy_ms_mailmagazine {
  color: var(--color-white);
  margin-top: 20px;
}
@media screen and (max-width: 1439px) {
  .p-mailMagazine__module__form .hs_privacy_policy_ms_mailmagazine {
    margin-top: calc(20 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-mailMagazine__module__form .hs_privacy_policy_ms_mailmagazine {
    margin-top: calc(20 / 375 * 100vw);
  }
}
.p-mailMagazine__module__form .hs_privacy_policy_ms_mailmagazine span {
  font-size: 11px;
}
@media screen and (max-width: 1439px) {
  .p-mailMagazine__module__form .hs_privacy_policy_ms_mailmagazine span {
    font-size: calc(11 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-mailMagazine__module__form .hs_privacy_policy_ms_mailmagazine span {
    font-size: calc(11 / 375 * 100vw);
  }
}
.p-mailMagazine__module__form .hs_privacy_policy_ms_mailmagazine .input {
  display: flex;
  justify-content: center;
}
.p-mailMagazine__module__form .hs_privacy_policy_ms_mailmagazine .input label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  align-items: center;
  cursor: pointer;
  display: flex;
  user-select: none;
}
.p-mailMagazine__module__form
  .hs_privacy_policy_ms_mailmagazine
  .input
  label
  a {
  color: var(--color-white);
  text-decoration: underline;
}
.p-mailMagazine__module__form
  .hs_privacy_policy_ms_mailmagazine
  .input
  label::before {
  background-image: url(../images/icon_checkbox.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 12px;
  margin-right: 7px;
  width: 12px;
}
@media screen and (max-width: 1439px) {
  .p-mailMagazine__module__form
    .hs_privacy_policy_ms_mailmagazine
    .input
    label::before {
    height: calc(12 / 1440 * 100vw);
    margin-right: calc(7 / 1440 * 100vw);
    width: calc(12 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-mailMagazine__module__form
    .hs_privacy_policy_ms_mailmagazine
    .input
    label::before {
    height: calc(12 / 375 * 100vw);
    margin-right: calc(7 / 375 * 100vw);
    width: calc(12 / 375 * 100vw);
  }
}
.p-mailMagazine__module__form
  .hs_privacy_policy_ms_mailmagazine
  .input
  label:has(> input:checked)::before {
  background-image: url(../images/icon_checkbox_checked.svg);
}
.p-mailMagazine__module__form .hs_privacy_policy_ms_mailmagazine .input input {
  display: none;
  margin: 0;
}
.p-mailMagazine__module__form
  .hs_privacy_policy_ms_mailmagazine
  .hs-error-msgs {
  color: red;
  font-size: 12px;
  font-weight: normal;
  margin-top: 10px;
  text-align: center;
}
@media screen and (max-width: 1439px) {
  .p-mailMagazine__module__form
    .hs_privacy_policy_ms_mailmagazine
    .hs-error-msgs {
    font-size: calc(12 / 1440 * 100vw);
    margin-top: calc(10 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-mailMagazine__module__form
    .hs_privacy_policy_ms_mailmagazine
    .hs-error-msgs {
    font-size: calc(11 / 375 * 100vw);
    margin-top: calc(10 / 375 * 100vw);
  }
}
.p-mailMagazine__module__form .submitted-message {
  color: var(--color-white);
  font-size: 20px;
  font-weight: bold;
  line-height: 34px;
}
@media screen and (max-width: 1439px) {
  .p-mailMagazine__module__form .submitted-message {
    font-size: calc(20 / 1440 * 100vw);
    line-height: calc(34 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-mailMagazine__module__form .submitted-message {
    font-size: calc(20 / 375 * 100vw);
    line-height: calc(34 / 375 * 100vw);
  }
}
.p-mailMagazine__module__form .hs_error_rollup {
  display: none;
}

.p-newsModule {
  margin-top: 60px;
}
@media screen and (max-width: 1439px) {
  .p-newsModule {
    margin-top: calc(60 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-newsModule {
    margin-top: calc(40 / 375 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-newsModule .l-container {
    padding-right: 0;
  }
}
.p-newsModule__inner {
  position: relative;
}
.p-newsModule__titleBox {
  margin-bottom: 20px;
}
@media screen and (max-width: 1439px) {
  .p-newsModule__titleBox {
    margin-bottom: calc(20 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-newsModule__titleBox {
    margin-bottom: calc(15 / 375 * 100vw);
  }
}
.p-newsModule__titleBox__title {
  align-items: center;
  display: flex;
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 1439px) {
  .p-newsModule__titleBox__title {
    font-size: calc(18 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-newsModule__titleBox__title {
    font-size: calc(17 / 375 * 100vw);
  }
}
.p-newsModule__titleBox__title::before {
  background-color: var(--color-black);
  content: "";
  display: block;
  height: 19px;
  margin-right: 13px;
  transform: translateY(1px);
  width: 7px;
}
@media screen and (max-width: 1439px) {
  .p-newsModule__titleBox__title::before {
    height: calc(19 / 1440 * 100vw);
    margin-right: calc(13 / 1440 * 100vw);
    width: calc(7 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-newsModule__titleBox__title::before {
    height: calc(19 / 375 * 100vw);
    margin-right: calc(13 / 375 * 100vw);
    width: calc(7 / 375 * 100vw);
  }
}
.p-newsModule__swiper {
  width: 25%;
}
@media screen and (max-width: 767px) {
  .p-newsModule__swiper {
    width: calc(325 / 375 * 100vw);
  }
}
.p-newsModule__swiper__wrapper {
  overflow: hidden;
}
.p-newsModule__swiper__wrapper__wrapper {
  position: relative;
}
.p-newsModule__newsList {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-newsModule__newsList {
    display: block;
  }
}
.p-newsModule__newsList > ul > li {
  font-size: calc(14 / 375 * 100vw);
  font-weight: bold;
  line-height: calc(29 / 375 * 100vw);
}
.p-newsModule__newsList a {
  display: block;
}
.p-newsModule__newsList__newsBox {
  display: flex;
}
.p-newsModule__newsList__newsBox__modDate {
  flex-shrink: 0;
  width: calc(90 / 375 * 100vw);
}
.p-newsModule__newsList__newsBox__title {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  overflow: hidden;
}
.p-newsModule__readmore {
  position: absolute;
  right: 0;
  top: 0;
}
.p-newsModule__readmore a {
  align-items: center;
  display: flex;
  font-size: 14px;
}
@media screen and (max-width: 1439px) {
  .p-newsModule__readmore a {
    font-size: calc(14 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-newsModule__readmore a {
    font-size: calc(11 / 375 * 100vw);
  }
}
.p-newsModule__readmore a::after {
  -webkit-mask-image: url(../images/icon_arrow_readmore.svg);
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  background-color: var(--color-black);
  content: "";
  display: block;
  height: 10px;
  margin-left: 16px;
  mask-image: url(../images/icon_arrow_readmore.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  transition: 0.3s;
  width: 6px;
}
@media screen and (max-width: 1439px) {
  .p-newsModule__readmore a::after {
    height: calc(10 / 1440 * 100vw);
    margin-left: calc(16 / 1440 * 100vw);
    width: calc(6 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-newsModule__readmore a::after {
    height: calc(8 / 375 * 100vw);
    margin-left: calc(15 / 375 * 100vw);
    width: calc(4 / 375 * 100vw);
  }
}
.p-newsModule__readmore a:hover {
  color: var(--color-main);
}
@media screen and (max-width: 767px) {
  .p-newsModule__readmore a:hover {
    color: var(--color-black);
  }
}
.p-newsModule__readmore a:hover::after {
  background-color: var(--color-main);
}
@media screen and (max-width: 767px) {
  .p-newsModule__readmore a:hover::after {
    background-color: var(--color-black);
  }
}
@media screen and (max-width: 767px) {
  .p-newsModule__readmore {
    right: calc(20 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  #index .p-newsModule__swiper__wrapper__wrapper {
    display: none;
  }
}

.p-osusumeModule {
  margin-bottom: 60px;
}
@media screen and (max-width: 1439px) {
  .p-osusumeModule {
    margin-bottom: calc(60 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-osusumeModule {
    margin-bottom: calc(50 / 375 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-osusumeModule .l-container {
    padding-left: 0;
    padding-right: 0;
  }
}
.p-osusumeModule__titleBox {
  margin-bottom: 20px;
  margin-bottom: 15px;
}
@media screen and (max-width: 1439px) {
  .p-osusumeModule__titleBox {
    margin-bottom: calc(20 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-osusumeModule__titleBox {
    margin-bottom: calc(15 / 375 * 100vw);
  }
}
.p-osusumeModule__titleBox__title {
  align-items: center;
  display: flex;
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 1439px) {
  .p-osusumeModule__titleBox__title {
    font-size: calc(18 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-osusumeModule__titleBox__title {
    font-size: calc(17 / 375 * 100vw);
  }
}
.p-osusumeModule__titleBox__title::before {
  background-color: var(--color-black);
  content: "";
  display: block;
  height: 19px;
  margin-right: 13px;
  transform: translateY(1px);
  width: 7px;
}
@media screen and (max-width: 1439px) {
  .p-osusumeModule__titleBox__title::before {
    height: calc(19 / 1440 * 100vw);
    margin-right: calc(13 / 1440 * 100vw);
    width: calc(7 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-osusumeModule__titleBox__title::before {
    height: calc(19 / 375 * 100vw);
    margin-right: calc(13 / 375 * 100vw);
    width: calc(7 / 375 * 100vw);
  }
}
@media screen and (max-width: 1439px) {
  .p-osusumeModule__titleBox {
    margin-bottom: calc(15 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-osusumeModule__titleBox {
    display: none;
    margin-bottom: calc(15 / 375 * 100vw);
  }
}
.p-osusumeModule__swiper {
  opacity: 0;
  transition: 0.3s;
  width: calc(284 / 1440 * 100vw);
}
@media screen and (max-width: 767px) {
  .p-osusumeModule__swiper {
    width: 100%;
  }
}
.p-osusumeModule__swiper__wrapper {
  margin-right: -100vw;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-osusumeModule__swiper__wrapper {
    margin-right: 0;
  }
}
.p-osusumeModule__swiper__wrapper__wrapper {
  position: relative;
}
.p-osusumeModule__swiper__wrapper__wrapper .swiper-button-prev,
.p-osusumeModule__swiper__wrapper__wrapper .swiper-button-next {
  display: block;
  top: 0;
}
@media screen and (max-width: 767px) {
  .p-osusumeModule__swiper__wrapper__wrapper .swiper-button-prev,
  .p-osusumeModule__swiper__wrapper__wrapper .swiper-button-next {
    display: none;
  }
}
.p-osusumeModule__swiper__wrapper__wrapper .swiper-button-prev::after,
.p-osusumeModule__swiper__wrapper__wrapper .swiper-button-next::after {
  height: calc(50 / 1920 * 100vw);
  width: calc(50 / 1920 * 100vw);
}
@media screen and (max-width: 767px) {
  .p-osusumeModule__swiper__wrapper__wrapper .swiper-button-prev::after,
  .p-osusumeModule__swiper__wrapper__wrapper .swiper-button-next::after {
    height: calc(50 / 375 * 100vw);
    width: calc(50 / 375 * 100vw);
  }
}
.p-osusumeModule__swiper__wrapper__wrapper .swiper-button-prev {
  left: auto;
  right: calc(83 / 1440 * 100vw);
}
@media screen and (max-width: 767px) {
  .p-osusumeModule__swiper__wrapper__wrapper .swiper-button-prev {
    display: none;
    right: calc(83 / 375 * 100vw);
  }
}
.p-osusumeModule__swiper__wrapper__wrapper .swiper-button-next {
  right: 0;
}
@media screen and (max-width: 767px) {
  .p-osusumeModule__swiper__wrapper__wrapper .swiper-button-next {
    display: none;
  }
}
.p-osusumeModule__swiper__wrapper__wrapper .swiper-pagination {
  bottom: auto;
  font-family: "Barlow";
  font-size: calc(10 / 1920 * 100vw);
  font-weight: 500;
  left: auto;
  right: calc(70 / 1920 * 100vw);
  top: calc(21 / 1920 * 100vw);
  width: auto;
}
@media screen and (max-width: 767px) {
  .p-osusumeModule__swiper__wrapper__wrapper .swiper-pagination {
    background-color: #dedede;
    font-size: calc(10 / 375 * 100vw);
    height: 1px;
    margin-top: calc(10 / 375 * 100vw);
    position: static;
    right: calc(70 / 375 * 100vw);
    top: calc(34 / 375 * 100vw);
    transform: translateX(calc(20 / 375 * 100vw));
    width: calc(142 / 375 * 100vw);
  }
  .p-osusumeModule__swiper__wrapper__wrapper .swiper-pagination span {
    background-color: var(--color-main);
  }
}
.p-osusumeModule__swiper .swiper-wrapper {
  align-items: flex-end;
  height: calc(354 / 1440 * 100vw);
}
@media screen and (max-width: 767px) {
  .p-osusumeModule__swiper .swiper-wrapper {
    align-items: flex-start;
    height: calc(330 / 375 * 100vw);
  }
}
.p-osusumeModule__swiper .swiper-slide {
  align-items: flex-end;
  display: flex;
  height: auto; /* 高さを中の要素に任せる */
}
.p-osusumeModule__swiper .c-post {
  margin-bottom: calc(70 / 1440 * 100vw);
}
@media screen and (max-width: 767px) {
  .p-osusumeModule__swiper .c-post {
    margin-bottom: calc(70 / 375 * 100vw);
  }
}
.p-osusumeModule__swiper .c-post__thumbnailBox {
  height: calc(187 / 1440 * 100vw);
  padding-top: 0;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-osusumeModule__swiper .c-post__thumbnailBox {
    height: calc(257 / 375 * 100vw);
  }
}
.p-osusumeModule__swiper .c-post__textBox {
  background-color: #f7f7f7;
  bottom: calc(10 / 1440 * 100vw);
  box-shadow: 0px 0px calc(10 / 1440 * 100vw) rgba(0, 0, 0, 0.1);
  height: auto;
  margin-top: 0;
  opacity: 0;
  padding: calc(15 / 1440 * 100vw);
  position: absolute;
  transition: 0.3s;
  width: calc(306 / 1440 * 100vw);
}
@media screen and (max-width: 767px) {
  .p-osusumeModule__swiper .c-post__textBox {
    bottom: calc(10 / 375 * 100vw);
    box-shadow: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw)
      calc(10 / 375 * 100vw) rgba(0, 0, 0, 0.1);
    opacity: 1;
    padding: calc(10 / 375 * 100vw);
    width: calc(315 / 375 * 100vw);
  }
}
.p-osusumeModule__swiper .c-post__textBox__labelList {
  margin-bottom: calc(5 / 1440 * 100vw);
}
@media screen and (max-width: 767px) {
  .p-osusumeModule__swiper .c-post__textBox__labelList {
    margin-bottom: calc(5 / 375 * 100vw);
  }
}
.p-osusumeModule__swiper .c-post__textBox__labelList__categoryList > ul {
  margin-bottom: calc(-5 / 1440 * 100vw);
  margin-right: calc(-5 / 1440 * 100vw);
}
@media screen and (max-width: 767px) {
  .p-osusumeModule__swiper .c-post__textBox__labelList__categoryList > ul {
    margin-bottom: calc(-5 / 375 * 100vw);
    margin-right: calc(-5 / 375 * 100vw);
  }
}
.p-osusumeModule__swiper .c-post__textBox__labelList__categoryList > ul > li {
  border-radius: calc(3 / 1440 * 100vw);
  font-size: calc(10 / 1440 * 100vw);
  height: calc(18 / 1440 * 100vw);
  margin-bottom: calc(5 / 1440 * 100vw);
  margin-right: calc(5 / 1440 * 100vw);
  padding: 0 calc(10 / 1440 * 100vw);
}
@media screen and (max-width: 767px) {
  .p-osusumeModule__swiper .c-post__textBox__labelList__categoryList > ul > li {
    border-radius: calc(3 / 375 * 100vw);
    font-size: calc(10 / 375 * 100vw);
    height: calc(18 / 375 * 100vw);
    margin-bottom: calc(5 / 375 * 100vw);
    margin-right: calc(5 / 375 * 100vw);
    padding: 0 calc(10 / 375 * 100vw);
  }
}
.p-osusumeModule__swiper .c-post__textBox__labelList__categoryList + *::before {
  height: calc(15 / 1440 * 100vw);
  margin: 0 calc(10 / 1440 * 100vw);
  transform: translateY(calc(2 / 1440 * 100vw));
  width: 1px;
}
@media screen and (max-width: 767px) {
  .p-osusumeModule__swiper
    .c-post__textBox__labelList__categoryList
    + *::before {
    height: calc(15 / 375 * 100vw);
    margin: 0 calc(10 / 375 * 100vw);
    transform: translateY(calc(2 / 375 * 100vw));
  }
}
.p-osusumeModule__swiper .c-post__textBox__labelList__tagList > ul {
  margin-bottom: calc(-5 / 1440 * 100vw);
  margin-right: calc(-5 / 1440 * 100vw);
}
@media screen and (max-width: 767px) {
  .p-osusumeModule__swiper .c-post__textBox__labelList__tagList > ul {
    margin-bottom: calc(-5 / 375 * 100vw);
    margin-right: calc(-5 / 375 * 100vw);
  }
}
.p-osusumeModule__swiper .c-post__textBox__labelList__tagList > ul > li {
  border-radius: calc(3 / 1440 * 100vw);
  font-size: calc(10 / 1440 * 100vw);
  height: calc(18 / 1440 * 100vw);
  margin-bottom: calc(5 / 1440 * 100vw);
  margin-right: calc(5 / 1440 * 100vw);
  padding: 0 calc(10 / 1440 * 100vw);
}
@media screen and (max-width: 767px) {
  .p-osusumeModule__swiper .c-post__textBox__labelList__tagList > ul > li {
    border-radius: calc(3 / 375 * 100vw);
    font-size: calc(10 / 375 * 100vw);
    height: calc(18 / 375 * 100vw);
    margin-bottom: calc(5 / 375 * 100vw);
    margin-right: calc(5 / 375 * 100vw);
    padding: 0 calc(10 / 375 * 100vw);
  }
}
.p-osusumeModule__swiper .c-post__textBox__labelList__tagList + *::before {
  height: calc(15 / 1440 * 100vw);
  margin: 0 calc(10 / 1440 * 100vw);
  transform: translateY(calc(2 / 1440 * 100vw));
  width: 1px;
}
@media screen and (max-width: 767px) {
  .p-osusumeModule__swiper .c-post__textBox__labelList__tagList + *::before {
    height: calc(15 / 375 * 100vw);
    margin: 0 calc(10 / 375 * 100vw);
    transform: translateY(calc(2 / 375 * 100vw));
  }
}
.p-osusumeModule__swiper .c-post__textBox__title {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  font-size: calc(15 / 1440 * 100vw);
  line-height: calc(26 / 1440 * 100vw);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-osusumeModule__swiper .c-post__textBox__title {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(26 / 375 * 100vw);
  }
}
.p-osusumeModule__swiper .c-post__textBox__modDate {
  display: none;
}
.p-osusumeModule__swiper .swiper-slide-active {
  width: calc(427 / 1440 * 100vw) !important;
}
@media screen and (max-width: 767px) {
  .p-osusumeModule__swiper .swiper-slide-active {
    width: 100% !important;
  }
}
.p-osusumeModule__swiper .swiper-slide-active .c-post {
  width: calc(413 / 1440 * 100vw);
}
@media screen and (max-width: 767px) {
  .p-osusumeModule__swiper .swiper-slide-active .c-post {
    width: 100%;
  }
}
.p-osusumeModule__swiper .swiper-slide-active .c-post__thumbnailBox {
  height: calc(283 / 1440 * 100vw);
}
@media screen and (max-width: 767px) {
  .p-osusumeModule__swiper .swiper-slide-active .c-post__thumbnailBox {
    height: calc(257 / 375 * 100vw);
  }
}
.p-osusumeModule__swiper .swiper-slide-active .c-post__textBox {
  display: block;
  opacity: 1;
}
.p-osusumeModule.is-inviewed .p-osusumeModule__swiper {
  opacity: 1;
}

.p-pp__inner {
  margin: 0 auto;
  width: 1120px;
}
@media screen and (max-width: 1439px) {
  .p-pp__inner {
    width: calc(1120 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-pp__inner {
    padding-top: calc(20 / 375 * 100vw);
    width: 100%;
  }
}
.p-pp__entry h1 {
  font-size: 30px;
  font-weight: 500;
  line-height: 45px;
}
@media screen and (max-width: 1439px) {
  .p-pp__entry h1 {
    font-size: calc(30 / 1440 * 100vw);
    line-height: calc(45 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-pp__entry h1 {
    font-size: calc(20 / 375 * 100vw);
    line-height: calc(30 / 375 * 100vw);
  }
}
.p-pp__entry h1 + * {
  margin-top: 15px;
}
@media screen and (max-width: 1439px) {
  .p-pp__entry h1 + * {
    margin-top: calc(15 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-pp__entry h1 + * {
    margin-top: calc(15 / 375 * 100vw);
  }
}
.p-pp__entry p {
  font-size: 15px;
  line-height: 26px;
  word-break: break-all;
}
@media screen and (max-width: 1439px) {
  .p-pp__entry p {
    font-size: calc(15 / 1440 * 100vw);
    line-height: calc(26 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-pp__entry p {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(26 / 375 * 100vw);
  }
}
.p-pp__entry p + * {
  margin-top: 26px;
}
@media screen and (max-width: 1439px) {
  .p-pp__entry p + * {
    margin-top: calc(26 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-pp__entry p + * {
    margin-top: calc(26 / 375 * 100vw);
  }
}
.p-pp__entry h2 {
  border-left: 7px solid var(--color-black);
  font-size: 18px;
  font-weight: bold;
  line-height: 28px;
  padding-left: 15px;
}
@media screen and (max-width: 1439px) {
  .p-pp__entry h2 {
    border-left: calc(7 / 1440 * 100vw) solid var(--color-black);
    font-size: calc(18 / 1440 * 100vw);
    line-height: calc(28 / 1440 * 100vw);
    padding-left: calc(15 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-pp__entry h2 {
    border-left: calc(7 / 375 * 100vw) solid var(--color-black);
    font-size: calc(18 / 375 * 100vw);
    line-height: calc(28 / 375 * 100vw);
    padding-left: calc(15 / 375 * 100vw);
  }
}
.p-pp__entry h2 + * {
  margin-top: 15px;
}
@media screen and (max-width: 1439px) {
  .p-pp__entry h2 + * {
    margin-top: calc(15 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-pp__entry h2 + * {
    margin-top: calc(15 / 375 * 100vw);
  }
}

.p-sidebar__titleBox {
  margin-bottom: 15px;
}
@media screen and (max-width: 1439px) {
  .p-sidebar__titleBox {
    margin-bottom: calc(15 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-sidebar__titleBox {
    margin-bottom: calc(15 / 375 * 100vw);
  }
}
.p-sidebar__titleBox__title {
  font-size: 18px;
  font-weight: bold;
  padding: 10px 5px;
  position: relative;
}
@media screen and (max-width: 1439px) {
  .p-sidebar__titleBox__title {
    font-size: calc(15 / 1440 * 100vw);
    padding: calc(10 / 1440 * 100vw) calc(5 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-sidebar__titleBox__title {
    font-size: calc(15 / 375 * 100vw);
    padding: calc(10 / 375 * 100vw) calc(5 / 375 * 100vw);
  }
}
.p-sidebar__titleBox__title::before,
.p-sidebar__titleBox__title::after {
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
}
@media screen and (max-width: 1439px) {
  .p-sidebar__titleBox__title::before,
  .p-sidebar__titleBox__title::after {
    height: calc(2 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-sidebar__titleBox__title::before,
  .p-sidebar__titleBox__title::after {
    height: calc(2 / 375 * 100vw);
  }
}
.p-sidebar__titleBox__title::before {
  background-color: var(--color-main);
  width: 22px;
}
@media screen and (max-width: 1439px) {
  .p-sidebar__titleBox__title::before {
    width: calc(22 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-sidebar__titleBox__title::before {
    width: calc(22 / 375 * 100vw);
  }
}
.p-sidebar__titleBox__title::after {
  background-color: #cbcbcb;
  left: 22px;
  width: calc(100% - 22px);
}
@media screen and (max-width: 1439px) {
  .p-sidebar__titleBox__title::after {
    left: calc(22 / 1440 * 100vw);
    width: calc(100% - (22 / 1440 * 100vw));
  }
}
@media screen and (max-width: 767px) {
  .p-sidebar__titleBox__title::after {
    left: calc(22 / 375 * 100vw);
    width: calc(100% - (22 / 375 * 100vw));
  }
}
.p-sidebar__bannerList > ul > li img {
  height: auto;
  width: 100%;
}
.p-sidebar__bannerList > ul > li + li {
  margin-top: 15px;
}
@media screen and (max-width: 1439px) {
  .p-sidebar__bannerList > ul > li + li {
    margin-top: calc(15 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-sidebar__bannerList > ul > li + li {
    margin-top: calc(15 / 375 * 100vw);
  }
}
.p-sidebar__bannerList > ul > li a {
  display: block;
}
.p-sidebar__categoryList > ul > li + li {
  margin-top: 10px;
}
@media screen and (max-width: 1439px) {
  .p-sidebar__categoryList > ul > li + li {
    margin-top: calc(10 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-sidebar__categoryList > ul > li + li {
    margin-top: calc(10 / 375 * 100vw);
  }
}
.p-sidebar__categoryList > ul > li a {
  background-color: var(--color-white);
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  padding: 7px;
}
@media screen and (max-width: 1439px) {
  .p-sidebar__categoryList > ul > li a {
    border-radius: calc(3 / 1440 * 100vw);
    font-size: calc(14 / 1440 * 100vw);
    padding: calc(7 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-sidebar__categoryList > ul > li a {
    border-radius: calc(3 / 375 * 100vw);
    font-size: calc(12 / 375 * 100vw);
    padding: calc(5 / 375 * 100vw);
  }
}
.p-sidebar__tagList > ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -10px;
  margin-right: -10px;
}
@media screen and (max-width: 1439px) {
  .p-sidebar__tagList > ul {
    margin-bottom: calc(-10 / 1440 * 100vw);
    margin-right: calc(-10 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-sidebar__tagList > ul {
    margin-bottom: calc(-10 / 375 * 100vw);
    margin-right: calc(-10 / 375 * 100vw);
  }
}
.p-sidebar__tagList > ul > li {
  margin-bottom: 10px;
  margin-right: 10px;
}
@media screen and (max-width: 1439px) {
  .p-sidebar__tagList > ul > li {
    margin-bottom: calc(10 / 1440 * 100vw);
    margin-right: calc(10 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-sidebar__tagList > ul > li {
    margin-bottom: calc(10 / 375 * 100vw);
    margin-right: calc(10 / 375 * 100vw);
  }
}
.p-sidebar__tagList > ul > li a {
  background-color: #ebeced;
  border-radius: 3px;
  display: block;
  font-size: 14px;
  font-weight: 500;
  padding: 7px;
}
@media screen and (max-width: 1439px) {
  .p-sidebar__tagList > ul > li a {
    border-radius: calc(3 / 1440 * 100vw);
    font-size: calc(14 / 1440 * 100vw);
    padding: calc(7 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-sidebar__tagList > ul > li a {
    border-radius: calc(3 / 375 * 100vw);
    font-size: calc(12 / 375 * 100vw);
    padding: calc(5 / 375 * 100vw);
  }
}
.p-sidebar__archiveList > ul > li a {
  display: block;
}
.p-sidebar__archiveList > ul > li + li {
  margin-top: 10px;
}
@media screen and (max-width: 1439px) {
  .p-sidebar__archiveList > ul > li + li {
    margin-top: calc(10 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-sidebar__archiveList > ul > li + li {
    margin-top: calc(10 / 375 * 100vw);
  }
}
.p-sidebar__archiveList
  > ul
  > li:nth-child(2)
  .p-sidebar__archiveList__archiveBox__number {
  background-color: rgba(46, 62, 80, 0.9);
}
.p-sidebar__archiveList
  > ul
  > li:nth-child(3)
  .p-sidebar__archiveList__archiveBox__number {
  background-color: rgba(46, 62, 80, 0.8);
}
.p-sidebar__archiveList
  > ul
  > li:nth-child(4)
  .p-sidebar__archiveList__archiveBox__number {
  background-color: rgba(46, 62, 80, 0.7);
}
.p-sidebar__archiveList
  > ul
  > li:nth-child(5)
  .p-sidebar__archiveList__archiveBox__number {
  background-color: rgba(46, 62, 80, 0.6);
}
.p-sidebar__archiveList__archiveBox {
  align-items: center;
  display: flex;
  justify-content: center;
}
.p-sidebar__archiveList__archiveBox__number {
  align-items: center;
  background-color: var(--color-black);
  border-radius: 50%;
  color: var(--color-white);
  display: flex;
  flex-shrink: 0;
  font-size: 12px;
  font-weight: 500;
  height: 27px;
  justify-content: center;
  margin-right: 15px;
  width: 27px;
}
@media screen and (max-width: 1439px) {
  .p-sidebar__archiveList__archiveBox__number {
    font-size: calc(10 / 1440 * 100vw);
    height: calc(27 / 1440 * 100vw);
    margin-right: calc(15 / 1440 * 100vw);
    width: calc(27 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-sidebar__archiveList__archiveBox__number {
    font-size: calc(10 / 375 * 100vw);
    height: calc(23 / 375 * 100vw);
    margin-right: calc(15 / 375 * 100vw);
    width: calc(23 / 375 * 100vw);
  }
}
.p-sidebar__archiveList__archiveBox__title {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  overflow: hidden;
}
@media screen and (max-width: 1439px) {
  .p-sidebar__archiveList__archiveBox__title {
    font-size: calc(14 / 1440 * 100vw);
    line-height: calc(24 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-sidebar__archiveList__archiveBox__title {
    font-size: calc(12 / 375 * 100vw);
    line-height: calc(20 / 375 * 100vw);
  }
}
.p-sidebar + .p-sidebar {
  margin-top: 25px;
}
@media screen and (max-width: 1439px) {
  .p-sidebar + .p-sidebar {
    margin-top: calc(25 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-sidebar + .p-sidebar {
    margin-top: calc(25 / 375 * 100vw);
  }
}

.p-single__inner {
  margin: 0 auto;
  width: 1060px;
}
@media screen and (max-width: 1439px) {
  .p-single__inner {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .p-single__inner {
    padding-top: calc(10 / 375 * 100vw);
  }
}
.p-single__section {
  display: flex;
  justify-content: space-between;
}
.p-single__section__main {
  width: 750px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main {
    width: calc(750 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main {
    width: 100%;
  }
}
.external-link-icon{
  display: inline-block;
  background-image: url('../images/icon_link.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 0.85em;
  height: 0.85em;
  margin-left: .2em;
  margin-right: .3em;
  margin-bottom: .3em;
  vertical-align: middle;
}
.p-single__section__main__infoBox__titleBox {
  margin-bottom: 45px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__infoBox__titleBox {
    margin-bottom: calc(45 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__infoBox__titleBox {
    margin-bottom: calc(20 / 375 * 100vw);
  }
}
.p-single__section__main__infoBox__titleBox__title {
  font-size: 30px;
  font-weight: 500;
  line-height: 48px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__infoBox__titleBox__title {
    font-size: calc(30 / 1440 * 100vw);
    line-height: calc(48 / 1440 * 100vw);
    margin-bottom: calc(20 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__infoBox__titleBox__title {
    font-size: calc(20 / 375 * 100vw);
    line-height: calc(30 / 375 * 100vw);
    margin-bottom: calc(10 / 375 * 100vw);
  }
}
.p-single__section__main__infoBox__titleBox__dataBox {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .p-single__section__main__infoBox__titleBox__dataBox {
    display: block;
  }
}
.p-single__section__main__infoBox__titleBox__dataBox__logo {
  background-position: center;
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 30px;
  width: 100%;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__infoBox__titleBox__dataBox__logo {
    height: calc(30 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__infoBox__titleBox__dataBox__logo {
    height: calc(30 / 375 * 100vw);
  }
}
.p-single__section__main__infoBox__titleBox__dataBox__labelList {
  display: flex;
}
.p-single__section__main__infoBox__titleBox__dataBox__labelList__categoryList {
  display: flex;
}
.p-single__section__main__infoBox__titleBox__dataBox__labelList__categoryList
  > ul {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -5px;
  margin-right: -5px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__infoBox__titleBox__dataBox__labelList__categoryList
    > ul {
    margin-bottom: calc(-5 / 1440 * 100vw);
    margin-right: calc(-5 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__infoBox__titleBox__dataBox__labelList__categoryList
    > ul {
    margin-bottom: calc(-5 / 375 * 100vw);
    margin-right: calc(-5 / 375 * 100vw);
  }
}
.p-single__section__main__infoBox__titleBox__dataBox__labelList__categoryList
  > ul
  > li {
  align-items: center;
  background-color: var(--color-white);
  border-radius: 3px;
  display: flex;
  font-size: 10px;
  font-weight: 500;
  height: 18px;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 0 10px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__infoBox__titleBox__dataBox__labelList__categoryList
    > ul
    > li {
    border-radius: calc(3 / 1440 * 100vw);
    font-size: calc(10 / 1440 * 100vw);
    height: calc(18 / 1440 * 100vw);
    margin-bottom: calc(5 / 1440 * 100vw);
    margin-right: calc(5 / 1440 * 100vw);
    padding: 0 calc(10 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__infoBox__titleBox__dataBox__labelList__categoryList
    > ul
    > li {
    border-radius: calc(3 / 375 * 100vw);
    font-size: calc(10 / 375 * 100vw);
    height: calc(18 / 375 * 100vw);
    margin-bottom: calc(5 / 375 * 100vw);
    margin-right: calc(5 / 375 * 100vw);
    padding: 0 calc(10 / 375 * 100vw);
  }
}
.p-single__section__main__infoBox__titleBox__dataBox__labelList__categoryList
  + * {
  display: block;
}
.p-single__section__main__infoBox__titleBox__dataBox__labelList__categoryList
  + *::before {
  background-color: var(--color-black);
  content: "";
  display: block;
  height: 15px;
  margin: 0 10px;
  transform: translateY(2px);
  width: 1px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__infoBox__titleBox__dataBox__labelList__categoryList
    + *::before {
    height: calc(15 / 1440 * 100vw);
    margin: 0 calc(10 / 1440 * 100vw);
    transform: translateY(calc(2 / 1440 * 100vw));
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__infoBox__titleBox__dataBox__labelList__categoryList
    + *::before {
    height: calc(15 / 375 * 100vw);
    margin: 0 calc(10 / 375 * 100vw);
    transform: translateY(calc(2 / 375 * 100vw));
  }
}
.p-single__section__main__infoBox__titleBox__dataBox__labelList__tagList {
  display: flex;
}
.p-single__section__main__infoBox__titleBox__dataBox__labelList__tagList > ul {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -5px;
  margin-right: -5px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__infoBox__titleBox__dataBox__labelList__tagList
    > ul {
    margin-bottom: calc(-5 / 1440 * 100vw);
    margin-right: calc(-5 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__infoBox__titleBox__dataBox__labelList__tagList
    > ul {
    margin-bottom: calc(-5 / 375 * 100vw);
    margin-right: calc(-5 / 375 * 100vw);
  }
}
.p-single__section__main__infoBox__titleBox__dataBox__labelList__tagList
  > ul
  > li {
  align-items: center;
  background-color: #ebeced;
  border-radius: 3px;
  display: flex;
  font-size: 10px;
  font-weight: 500;
  height: 18px;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 0 10px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__infoBox__titleBox__dataBox__labelList__tagList
    > ul
    > li {
    border-radius: calc(3 / 1440 * 100vw);
    font-size: calc(10 / 1440 * 100vw);
    height: calc(18 / 1440 * 100vw);
    margin-bottom: calc(5 / 1440 * 100vw);
    margin-right: calc(5 / 1440 * 100vw);
    padding: 0 calc(10 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__infoBox__titleBox__dataBox__labelList__tagList
    > ul
    > li {
    border-radius: calc(3 / 375 * 100vw);
    font-size: calc(10 / 375 * 100vw);
    height: calc(18 / 375 * 100vw);
    margin-bottom: calc(5 / 375 * 100vw);
    margin-right: calc(5 / 375 * 100vw);
    padding: 0 calc(10 / 375 * 100vw);
  }
}
.p-single__section__main__infoBox__titleBox__dataBox__labelList__tagList + * {
  display: block;
}
.p-single__section__main__infoBox__titleBox__dataBox__labelList__tagList
  + *::before {
  background-color: var(--color-black);
  content: "";
  display: block;
  height: 15px;
  margin: 0 10px;
  transform: translateY(2px);
  width: 1px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__infoBox__titleBox__dataBox__labelList__tagList
    + *::before {
    height: calc(15 / 1440 * 100vw);
    margin: 0 calc(10 / 1440 * 100vw);
    transform: translateY(calc(2 / 1440 * 100vw));
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__infoBox__titleBox__dataBox__labelList__tagList
    + *::before {
    height: calc(15 / 375 * 100vw);
    margin: 0 calc(10 / 375 * 100vw);
    transform: translateY(calc(2 / 375 * 100vw));
  }
}
.p-single__section__main__infoBox__titleBox__dataBox__dateList {
  align-items: center;
  display: flex;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .p-single__section__main__infoBox__titleBox__dataBox__dateList {
    margin-top: calc(10 / 375 * 100vw);
  }
}
.p-single__section__main__infoBox__titleBox__dataBox__dateList__pubDate,
.p-single__section__main__infoBox__titleBox__dataBox__dateList__modDate {
  align-items: center;
  display: flex;
  font-size: 10px;
  font-weight: 500;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__infoBox__titleBox__dataBox__dateList__pubDate,
  .p-single__section__main__infoBox__titleBox__dataBox__dateList__modDate {
    font-size: calc(10 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__infoBox__titleBox__dataBox__dateList__pubDate,
  .p-single__section__main__infoBox__titleBox__dataBox__dateList__modDate {
    font-size: calc(10 / 375 * 100vw);
  }
}
.p-single__section__main__infoBox__titleBox__dataBox__dateList__pubDate::before,
.p-single__section__main__infoBox__titleBox__dataBox__dateList__modDate::before {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  margin-right: 5px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__infoBox__titleBox__dataBox__dateList__pubDate::before,
  .p-single__section__main__infoBox__titleBox__dataBox__dateList__modDate::before {
    margin-right: calc(5 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__infoBox__titleBox__dataBox__dateList__pubDate::before,
  .p-single__section__main__infoBox__titleBox__dataBox__dateList__modDate::before {
    margin-right: calc(5 / 375 * 100vw);
  }
}
.p-single__section__main__infoBox__titleBox__dataBox__dateList__pubDate::before {
  background-image: url(../images/icon_pubdate.svg);
  height: 12px;
  width: 12px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__infoBox__titleBox__dataBox__dateList__pubDate::before {
    height: calc(12 / 1440 * 100vw);
    width: calc(12 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__infoBox__titleBox__dataBox__dateList__pubDate::before {
    height: calc(12 / 375 * 100vw);
    width: calc(12 / 375 * 100vw);
  }
}
.p-single__section__main__infoBox__titleBox__dataBox__dateList__modDate {
  margin-left: 15px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__infoBox__titleBox__dataBox__dateList__modDate {
    margin-left: calc(15 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__infoBox__titleBox__dataBox__dateList__modDate {
    margin-left: calc(15 / 375 * 100vw);
  }
}
.p-single__section__main__infoBox__titleBox__dataBox__dateList__modDate::before {
  background-image: url(../images/icon_moddate.svg);
  height: 10px;
  width: 10px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__infoBox__titleBox__dataBox__dateList__modDate::before {
    height: calc(10 / 1440 * 100vw);
    width: calc(10 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__infoBox__titleBox__dataBox__dateList__modDate::before {
    height: calc(10 / 375 * 100vw);
    width: calc(10 / 375 * 100vw);
  }
}
.p-single__section__main__infoBox__titleBox__eyecatch img {
  height: auto;
  width: 100%;
}
.p-single__section__main__intro {
  margin-top: 20px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__intro {
    margin-top: calc(20 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__intro {
    margin-top: calc(10 / 375 * 100vw);
  }
}
.p-single__section__main__intro p {
  font-size: 18px;
  line-height: 32px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__intro p {
    font-size: calc(18 / 1440 * 100vw);
    line-height: calc(32 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__intro p {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(26 / 375 * 100vw);
  }
}
.p-single__section__main__intro p + * {
  display: block;
  margin-top: 25px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__intro p + * {
    margin-top: calc(25 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__intro p + * {
    margin-top: calc(26 / 375 * 100vw);
  }
}
.p-single__section__main__intro a {
  color: #193bed;
  text-decoration: underline;
}
.p-single__section__main__overview {
  background-color: var(--color-white);
  border: 1px solid var(--color-black);
  margin-top: 95px;
  padding: 50px 30px 40px;
  position: relative;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__overview {
    margin-top: calc(95 / 1440 * 100vw);
    padding: calc(50 / 1440 * 100vw) calc(30 / 1440 * 100vw)
      calc(40 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__overview {
    margin-top: calc(65 / 375 * 100vw);
    padding: calc(40 / 375 * 100vw) calc(20 / 375 * 100vw)
      calc(20 / 375 * 100vw);
  }
}
.p-single__section__main__overview__title {
  background: var(--color-black);
  color: var(--color-white);
  font-size: 22px;
  font-weight: bold;
  left: -1px;
  padding: 14px 20px;
  position: absolute;
  top: -25px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__overview__title {
    font-size: calc(22 / 1440 * 100vw);
    padding: calc(14 / 1440 * 100vw) calc(20 / 1440 * 100vw);
    top: calc(-25 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__overview__title {
    font-size: calc(17 / 375 * 100vw);
    padding: calc(12 / 375 * 100vw) calc(20 / 375 * 100vw);
    top: calc(-20 / 375 * 100vw);
  }
}
.p-single__section__main__overview__textList > ul > li {
  display: flex;
  font-size: 18px;
  line-height: 28px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__overview__textList > ul > li {
    font-size: calc(18 / 1440 * 100vw);
    line-height: calc(28 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__overview__textList > ul > li {
    font-size: calc(16 / 375 * 100vw);
    line-height: calc(26 / 375 * 100vw);
  }
}
.p-single__section__main__overview__textList > ul > li::before {
  background-image: url(../images/icon_check.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  flex-shrink: 0;
  height: 23px;
  margin-right: 17px;
  transform: translateY(4px);
  width: 23px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__overview__textList > ul > li::before {
    height: calc(23 / 1440 * 100vw);
    margin-right: calc(17 / 1440 * 100vw);
    transform: translateY(calc(4 / 1440 * 100vw));
    width: calc(23 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__overview__textList > ul > li::before {
    height: calc(20 / 375 * 100vw);
    margin-right: calc(10 / 375 * 100vw);
    transform: translateY(calc(3 / 375 * 100vw));
    width: calc(20 / 375 * 100vw);
  }
}
.p-single__section__main__overview__textList > ul > li + li {
  margin-top: 12px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__overview__textList > ul > li + li {
    margin-top: calc(12 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__overview__textList > ul > li + li {
    margin-top: calc(10 / 375 * 100vw);
  }
}
.p-single__section__main__cta {
  background-color: var(--color-white);
  border-radius: 28px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  margin-top: 70px;
  padding: 60px 55px 45px;
  position: relative;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__cta {
    border-radius: calc(28 / 1440 * 100vw);
    box-shadow: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw)
      calc(20 / 1440 * 100vw) rgba(0, 0, 0, 0.1);
    margin-top: calc(70 / 1440 * 100vw);
    padding: calc(60 / 1440 * 100vw) calc(55 / 1440 * 100vw)
      calc(45 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__cta {
    border-radius: calc(28 / 375 * 100vw);
    box-shadow: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw)
      calc(20 / 375 * 100vw) rgba(0, 0, 0, 0.1);
    margin-top: calc(50 / 375 * 100vw);
    padding: calc(25 / 375 * 100vw) calc(20 / 375 * 100vw)
      calc(30 / 375 * 100vw);
  }
}
.p-single__section__main__cta__logo {
  position: absolute;
  right: 55px;
  top: 47px;
  width: 86px;
}
.p-single__section__main__cta__logo img {
  height: auto;
  width: 100%;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__cta__logo {
    right: calc(55 / 1440 * 100vw);
    top: calc(47 / 1440 * 100vw);
    width: calc(86 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__cta__logo {
    margin: 0 auto calc(20 / 375 * 100vw);
    position: static;
    width: calc(86 / 375 * 100vw);
  }
}
.p-single__section__main__cta__title {
  align-items: center;
  color: var(--color-main);
  display: flex;
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 35px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__cta__title {
    font-size: calc(25 / 1440 * 100vw);
    margin-bottom: calc(35 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__cta__title {
    font-size: calc(17 / 375 * 100vw);
    margin-bottom: calc(25 / 375 * 100vw);
  }
}
.p-single__section__main__cta__title::before {
  background-color: var(--color-main);
  content: "";
  display: block;
  height: 25px;
  margin-right: 15px;
  width: 7px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__cta__title::before {
    height: calc(25 / 1440 * 100vw);
    margin-right: calc(15 / 1440 * 100vw);
    width: calc(7 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__cta__title::before {
    height: calc(20 / 375 * 100vw);
    margin-right: calc(7 / 375 * 100vw);
    width: calc(6 / 375 * 100vw);
  }
}
.p-single__section__main__cta__textList {
  padding-left: 25px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__cta__textList {
    padding-left: calc(25 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__cta__textList {
    padding-left: calc(0 / 375 * 100vw);
  }
}
.p-single__section__main__cta__textList > ul > li {
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__cta__textList > ul > li {
    font-size: calc(20 / 1440 * 100vw);
    line-height: calc(30 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__cta__textList > ul > li {
    font-size: calc(16 / 375 * 100vw);
    line-height: calc(26 / 375 * 100vw);
  }
}
.p-single__section__main__cta__textList > ul > li + li {
  margin-top: 10px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__cta__textList > ul > li + li {
    margin-top: calc(10 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__cta__textList > ul > li + li {
    margin-top: calc(8 / 375 * 100vw);
  }
}
.p-single__section__main__cta__text {
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  margin-top: 30px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__cta__text {
    font-size: calc(18 / 1440 * 100vw);
    line-height: calc(32 / 1440 * 100vw);
    margin-top: calc(30 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__cta__text {
    font-size: calc(14 / 375 * 100vw);
    line-height: calc(28 / 375 * 100vw);
    margin-top: calc(25 / 375 * 100vw);
  }
}
.p-single__section__main__cta__button {
  margin-top: 40px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__cta__button {
    margin-top: calc(40 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__cta__button {
    margin-top: calc(25 / 375 * 100vw);
  }
}
.p-single__section__main__cta__button a {
  align-items: center;
  background-color: var(--color-main);
  border-radius: 30px;
  color: var(--color-white);
  display: flex;
  font-size: 16px;
  font-weight: bold;
  height: 55px;
  justify-content: center;
  margin: 0 auto;
  position: relative;
  width: 242px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__cta__button a {
    border-radius: calc(30 / 1440 * 100vw);
    font-size: calc(16 / 1440 * 100vw);
    height: calc(55 / 1440 * 100vw);
    width: calc(242 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__cta__button a {
    border-radius: calc(30 / 375 * 100vw);
    font-size: calc(15 / 375 * 100vw);
    height: calc(55 / 375 * 100vw);
    width: calc(242 / 375 * 100vw);
  }
}
.p-single__section__main__cta__button a::after {
  -webkit-mask-image: url(../images/icon_arrow_readmore.svg);
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  background-color: var(--color-white);
  bottom: 0;
  content: "";
  display: block;
  height: 10px;
  margin: auto 0;
  margin-left: 16px;
  mask-image: url(../images/icon_arrow_readmore.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  position: absolute;
  right: 20px;
  top: 0;
  transition: 0.3s;
  width: 6px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__cta__button a::after {
    height: calc(10 / 1440 * 100vw);
    margin-left: calc(16 / 1440 * 100vw);
    right: calc(20 / 1440 * 100vw);
    width: calc(6 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__cta__button a::after {
    height: calc(10 / 375 * 100vw);
    margin-left: calc(16 / 375 * 100vw);
    right: calc(20 / 375 * 100vw);
    width: calc(6 / 375 * 100vw);
  }
}
.p-single__section__main__video {
  margin-top: 70px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__video {
    margin-top: calc(70 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__video {
    margin-top: calc(50 / 375 * 100vw);
  }
}
.p-single__section__main__video a {
  opacity: 1;
}
.p-single__section__main__video
  a:hover
  .p-single__section__main__video__thumbnailBox__thumbnail {
  position: relative;
  transform: scale(1);
}
.p-single__section__main__video
  a:hover
  .p-single__section__main__video__thumbnailBox__thumbnail::before {
  background-color: rgba(0, 0, 0, 0.35);
}
@media screen and (max-width: 767px) {
  .p-single__section__main__video
    a:hover
    .p-single__section__main__video__thumbnailBox__thumbnail::before {
    background-color: transparent;
  }
}
.p-single__section__main__video__thumbnailBox {
  height: 447px;
  overflow: hidden;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__video__thumbnailBox {
    height: calc(447 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__video__thumbnailBox {
    height: calc(188 / 375 * 100vw);
  }
}
.p-single__section__main__video__thumbnailBox__thumbnail {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 100%;
  position: relative;
}
.p-single__section__main__video__thumbnailBox__thumbnail::before {
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: 0.3s;
  width: 100%;
}
.p-single__section__main__video__thumbnailBox__thumbnail::after {
  background-image: url(../images/icon_play.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  content: "";
  content: "";
  display: block;
  height: 106px;
  left: 0;
  margin: auto;
  opacity: 1;
  position: absolute;
  right: 0;
  top: 0;
  width: 106px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__video__thumbnailBox__thumbnail::after {
    height: calc(106 / 1440 * 100vw);
    width: calc(106 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__video__thumbnailBox__thumbnail::after {
    height: calc(45 / 375 * 100vw);
    width: calc(45 / 375 * 100vw);
  }
}
.p-single__section__main__content {
  margin-top: 100px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__content {
    margin-top: calc(100 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__content {
    margin-top: calc(50 / 375 * 100vw);
  }
}
.p-single__section__main__content h2 {
  background-color: #ebeced;
  border-left: 7px solid var(--color-black);
  font-size: 28px;
  font-weight: bold;
  line-height: 41px;
  padding: 14px 24px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__content h2 {
    border-left: calc(7 / 1440 * 100vw) solid var(--color-black);
    font-size: calc(28 / 1440 * 100vw);
    line-height: calc(41 / 1440 * 100vw);
    padding: calc(14 / 1440 * 100vw) calc(24 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__content h2 {
    border-left: calc(7 / 375 * 100vw) solid var(--color-black);
    font-size: calc(20 / 375 * 100vw);
    line-height: calc(30 / 375 * 100vw);
    padding: calc(8 / 375 * 100vw) calc(13 / 375 * 100vw);
  }
}
.p-single__section__main__content h2 + p {
  margin-top: 20px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__content h2 + p {
    margin-top: calc(20 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__content h2 + p {
    margin-top: calc(10 / 375 * 100vw);
  }
}
.p-single__section__main__content h2 + * {
  display: block;
  margin-top: 30px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__content h2 + * {
    margin-top: calc(30 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__content h2 + * {
    margin-top: calc(40 / 375 * 100vw);
  }
}
.p-single__section__main__content h3 {
  border-left: 7px solid var(--color-black);
  font-size: 22px;
  font-weight: bold;
  line-height: 32px;
  padding: 0 15px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__content h3 {
    border-left: calc(7 / 1440 * 100vw) solid var(--color-black);
    font-size: calc(22 / 1440 * 100vw);
    line-height: calc(32 / 1440 * 100vw);
    padding: 0 calc(15 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__content h3 {
    border-left: calc(7 / 375 * 100vw) solid var(--color-black);
    font-size: calc(18 / 375 * 100vw);
    line-height: calc(27 / 375 * 100vw);
    padding: 0 calc(13 / 375 * 100vw);
  }
}
.p-single__section__main__content h3 + * {
  display: block;
  margin-top: 10px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__content h3 + * {
    margin-top: calc(10 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__content h3 + * {
    margin-top: calc(10 / 375 * 100vw);
  }
}
.p-single__section__main__content h4 {
  font-size: 15px;
  font-weight: bold;
  line-height: 25px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__content h4 {
    font-size: calc(15 / 1440 * 100vw);
    line-height: calc(25 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__content h4 {
    font-size: calc(14 / 375 * 100vw);
    line-height: calc(26 / 375 * 100vw);
  }
}
.p-single__section__main__content h4 + * {
  display: block;
  margin-top: 15px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__content h4 + * {
    margin-top: calc(15 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__content h4 + * {
    margin-top: calc(10 / 375 * 100vw);
  }
}
.p-single__section__main__content p {
  font-size: 18px;
  line-height: 32px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__content p {
    font-size: calc(18 / 1440 * 100vw);
    line-height: calc(32 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__content p {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(26 / 375 * 100vw);
  }
}
.p-single__section__main__content p + * {
  display: block;
  margin-top: 30px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__content p + * {
    margin-top: calc(30 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__content p + * {
    margin-top: calc(26 / 375 * 100vw);
  }
}
.p-single__section__main__content p + h2 {
  margin-top: 70px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__content p + h2 {
    margin-top: calc(70 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__content p + h2 {
    margin-top: calc(40 / 375 * 100vw);
  }
}
.p-single__section__main__content p + h3 {
  margin-top: 50px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__content p + h3 {
    margin-top: calc(50 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__content p + h3 {
    margin-top: calc(30 / 375 * 100vw);
  }
}
.p-single__section__main__content em {
  background: linear-gradient(transparent 60%, #feff00 60%);
  font-style: normal;
}
.p-single__section__main__content .wp-block-buttons {
  margin-top: 40px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__content .wp-block-buttons {
    margin-top: calc(40 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__content .wp-block-buttons {
    margin-top: calc(30 / 375 * 100vw);
  }
}
.p-single__section__main__content .wp-block-buttons a {
  align-items: center;
  background-color: var(--color-main);
  color: var(--color-white);
  display: flex;
  font-size: 16px;
  font-weight: bold;
  height: 55px;
  justify-content: center;
  padding: 0 55px;
  position: relative;
  text-decoration: none;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__content .wp-block-buttons a {
    font-size: calc(16 / 1440 * 100vw);
    height: calc(55 / 1440 * 100vw);
    padding: 0 calc(55 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__content .wp-block-buttons a {
    font-size: calc(15 / 375 * 100vw);
    height: calc(41 / 375 * 100vw);
    padding: 0 calc(55 / 375 * 100vw);
  }
}
.p-single__section__main__content .wp-block-buttons a::after {
  -webkit-mask-image: url(../images/icon_arrow_readmore.svg);
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  background-color: var(--color-white);
  bottom: 0;
  content: "";
  display: block;
  height: 10px;
  margin: auto 0;
  margin-left: 16px;
  mask-image: url(../images/icon_arrow_readmore.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  position: absolute;
  right: 20px;
  top: 0;
  transition: 0.3s;
  width: 6px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__content .wp-block-buttons a::after {
    height: calc(10 / 1440 * 100vw);
    margin-left: calc(16 / 1440 * 100vw);
    right: calc(20 / 1440 * 100vw);
    width: calc(6 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__content .wp-block-buttons a::after {
    height: calc(10 / 375 * 100vw);
    margin-left: calc(16 / 375 * 100vw);
    right: calc(20 / 375 * 100vw);
    width: calc(6 / 375 * 100vw);
  }
}
.p-single__section__main__content .wp-block-buttons + * {
  display: block;
  margin-top: 70px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__content .wp-block-buttons + * {
    margin-top: calc(70 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__content .wp-block-buttons + * {
    margin-top: calc(50 / 375 * 100vw);
  }
}
.p-single__section__main__content figure img {
  height: auto;
  width: 100%;
}
.p-single__section__main__content figure figcaption {
  font-size: 13px;
  margin-top: 10px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__content figure figcaption {
    font-size: calc(13 / 1440 * 100vw);
    margin-top: calc(10 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__content figure figcaption {
    font-size: calc(12 / 375 * 100vw);
    margin-top: calc(10 / 375 * 100vw);
  }
}
.p-single__section__main__content figure + * {
  display: block;
  margin-top: 20px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__content figure + * {
    margin-top: calc(20 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__content figure + * {
    margin-top: calc(15 / 375 * 100vw);
  }
}
.p-single__section__main__content figure + h2 {
  margin-top: 70px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__content figure + h2 {
    margin-top: calc(70 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__content figure + h2 {
    margin-top: calc(40 / 375 * 100vw);
  }
}
.p-single__section__main__content figure + h3 {
  margin-top: 50px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__content figure + h3 {
    margin-top: calc(50 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__content figure + h3 {
    margin-top: calc(40 / 375 * 100vw);
  }
}
.p-single__section__main__content ul,
.p-single__section__main__content ol {
  list-style: disc;
  padding-left: 30px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__content ul,
  .p-single__section__main__content ol {
    padding-left: calc(30 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__content ul,
  .p-single__section__main__content ol {
    padding-left: calc(20 / 375 * 100vw);
  }
}
.p-single__section__main__content ul > li,
.p-single__section__main__content ol > li {
  font-size: 18px;
  line-height: 32px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__content ul > li,
  .p-single__section__main__content ol > li {
    font-size: calc(18 / 1440 * 100vw);
    line-height: calc(32 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__content ul > li,
  .p-single__section__main__content ol > li {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(26 / 375 * 100vw);
  }
}
.p-single__section__main__content ul + *,
.p-single__section__main__content ol + * {
  display: block;
  margin-top: 30px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__content ul + *,
  .p-single__section__main__content ol + * {
    margin-top: calc(30 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__content ul + *,
  .p-single__section__main__content ol + * {
    margin-top: calc(26 / 375 * 100vw);
  }
}
.p-single__section__main__content ul {
  list-style: disc;
}
.p-single__section__main__content ol {
  list-style: decimal;
}
.p-single__section__main__content blockquote {
  background-color: #ebeced;
  padding: 20px 30px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__content blockquote {
    padding: calc(20 / 1440 * 100vw) calc(30 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__content blockquote {
    padding: calc(20 / 375 * 100vw) calc(20 / 375 * 100vw);
  }
}
.p-single__section__main__content blockquote + * {
  display: block;
  margin-top: 70px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__content blockquote + * {
    margin-top: calc(70 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__content blockquote + * {
    margin-top: calc(40 / 375 * 100vw);
  }
}
.p-single__section__main__content a {
  color: #3881D0;
  text-decoration: underline;
}
.p-single__section__main__content #toc_container {
  display: block !important;
  width: 100% !important;
}
.p-single__section__main__content
  #toc_container.contracted
  .toc_title
  .toc_toggle::after {
  transform: rotate(180deg);
}
.p-single__section__main__content #toc_container.contracted .toc_list {
  display: block !important;
  max-height: 0;
  overflow: hidden;
}
.p-single__section__main__content #toc_container .toc_title {
  align-items: center;
  border-bottom: 1px solid var(--color-black);
  display: flex;
  font-size: 22px;
  font-weight: bold;
  height: 50px;
  margin-bottom: 30px;
  padding: 0 30px;
  position: relative;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__content #toc_container .toc_title {
    font-size: calc(22 / 1440 * 100vw);
    height: calc(50 / 1440 * 100vw);
    margin-bottom: calc(30 / 1440 * 100vw);
    padding: 0 calc(30 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__content #toc_container .toc_title {
    font-size: calc(17 / 375 * 100vw);
    height: calc(40 / 375 * 100vw);
    margin-bottom: calc(20 / 375 * 100vw);
    padding: 0 calc(25 / 375 * 100vw);
  }
}
.p-single__section__main__content #toc_container .toc_title .toc_toggle {
  display: block;
  height: 50px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__content #toc_container .toc_title .toc_toggle {
    height: calc(50 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__content #toc_container .toc_title .toc_toggle {
    height: calc(40 / 375 * 100vw);
  }
}
.p-single__section__main__content #toc_container .toc_title .toc_toggle::after {
  background-image: url(../images/icon_arrow_toc.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  right: 30px;
  top: 20px;
  width: 15px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__content
    #toc_container
    .toc_title
    .toc_toggle::after {
    height: calc(9 / 1440 * 100vw);
    right: calc(30 / 1440 * 100vw);
    top: calc(20 / 1440 * 100vw);
    width: calc(15 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__content
    #toc_container
    .toc_title
    .toc_toggle::after {
    height: calc(6 / 375 * 100vw);
    right: calc(25 / 375 * 100vw);
    top: calc(19 / 375 * 100vw);
    width: calc(10 / 375 * 100vw);
  }
}
.p-single__section__main__content
  #toc_container
  .toc_title
  .toc_toggle
  .toc_brackets {
  display: none;
}
.p-single__section__main__content #toc_container .toc_title .toc_toggle a {
  display: block;
  height: 100%;
  overflow: hidden;
  position: relative;
  text-indent: 150vw;
  white-space: nowrap;
  z-index: 1;
}
.p-single__section__main__content #toc_container .toc_list {
  list-style: none;
  margin-top: 0;
  max-height: 1000px;
  padding-left: 0;
  transition: 0.3s;
  width: 100%;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__content #toc_container .toc_list {
    max-height: calc(1000 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__content #toc_container .toc_list {
    max-height: calc(1000 / 375 * 100vw);
    padding: 0 calc(20 / 375 * 100vw);
  }
}
.p-single__section__main__content #toc_container .toc_list > li {
  font-size: 18px;
  line-height: 32px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__content #toc_container .toc_list > li {
    font-size: calc(18 / 1440 * 100vw);
    line-height: calc(32 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__content #toc_container .toc_list > li {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(26 / 375 * 100vw);
  }
}
.p-single__section__main__content #toc_container .toc_list ul {
  list-style: none;
}
.p-single__section__main__content #toc_container .toc_list ul > li {
  font-size: 15px;
  line-height: 32px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__content #toc_container .toc_list ul > li {
    font-size: calc(15 / 1440 * 100vw);
    line-height: calc(32 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__content #toc_container .toc_list ul > li {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(26 / 375 * 100vw);
  }
}
.p-single__section__main__content #toc_container .toc_list a {
  color: var(--color-black);
  display: block;
  text-decoration: none;
}
.p-single__section__main__content #toc_container .toc_list a:hover {
  color: var(--color-main);
}
@media screen and (max-width: 767px) {
  .p-single__section__main__content #toc_container .toc_list a:hover {
    color: var(--color-black);
  }
}
.p-single__section__main__content #toc_container .toc_list .toc_depth_1::after {
  content: ".";
}
.p-single__section__main__content #toc_container + * {
  display: block;
  margin-top: 70px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__content #toc_container + * {
    margin-top: calc(70 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__content #toc_container + * {
    margin-top: calc(50 / 375 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__content .wp-block-flexible-table-block-table {
    margin-bottom: calc(-5 / 375 * 100vw);
    margin-right: calc(-20 / 375 * 100vw);
    overflow: scroll;
    padding-bottom: calc(5 / 375 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__content table {
    max-width: calc(795 / 375 * 100vw) !important;
    position: relative;
    width: calc(795 / 375 * 100vw) !important;
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__content table::after {
    content: "";
    display: block;
    flex-shrink: 0;
    height: 1px;
    left: 100%;
    position: absolute;
    top: 0;
    width: calc(20 / 375 * 100vw);
  }
}
.p-single__section__main__content table th,
.p-single__section__main__content table td {
  font-size: 16px;
  line-height: 28px;
  padding: 10px !important;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__content table th,
  .p-single__section__main__content table td {
    font-size: calc(16 / 1440 * 100vw);
    line-height: calc(28 / 1440 * 100vw);
    padding: calc(10 / 1440 * 100vw) !important;
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__content table th,
  .p-single__section__main__content table td {
    font-size: calc(16 / 375 * 100vw);
    line-height: calc(28 / 375 * 100vw);
    padding: calc(10 / 375 * 100vw) !important;
  }
}
.p-single__section__main__content table th {
  background-color: #f0f0f1;
  font-weight: bold;
}
.p-single__section__main__button {
  margin-top: 40px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__button {
    margin-top: calc(40 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__button {
    margin-top: calc(40 / 375 * 100vw);
  }
}
.p-single__section__main__button a {
  align-items: center;
  background-color: var(--color-main);
  border-radius: 30px;
  color: var(--color-white);
  display: flex;
  font-size: 16px;
  font-weight: bold;
  height: 55px;
  justify-content: center;
  margin: 0 auto;
  position: relative;
  width: 242px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__button a {
    border-radius: calc(30 / 1440 * 100vw);
    font-size: calc(16 / 1440 * 100vw);
    height: calc(55 / 1440 * 100vw);
    width: calc(242 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__button a {
    border-radius: calc(30 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
    height: calc(55 / 375 * 100vw);
    width: calc(242 / 375 * 100vw);
  }
}
.p-single__section__main__button a::before {
  background-image: url(../images/icon_arrow_button.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  content: "";
  display: block;
  height: 10px;
  left: 30px;
  margin: auto 0;
  position: absolute;
  top: 0;
  transform: rotate(180deg);
  width: 6px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__button a::before {
    height: calc(10 / 1440 * 100vw);
    left: calc(30 / 1440 * 100vw);
    width: calc(6 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__button a::before {
    height: calc(10 / 375 * 100vw);
    left: calc(30 / 375 * 100vw);
    width: calc(6 / 375 * 100vw);
  }
}
.p-single__section__main__supervisor {
  margin-top: 100px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__supervisor {
    margin-top: calc(100 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__supervisor {
    margin-top: calc(100 / 375 * 100vw);
  }
}
.p-single__section__main__supervisor__titleBox {
  margin-bottom: 20px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__supervisor__titleBox {
    margin-bottom: calc(20 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__supervisor__titleBox {
    margin-bottom: calc(15 / 375 * 100vw);
  }
}
.p-single__section__main__supervisor__titleBox__title {
  align-items: center;
  display: flex;
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__supervisor__titleBox__title {
    font-size: calc(18 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__supervisor__titleBox__title {
    font-size: calc(17 / 375 * 100vw);
  }
}
.p-single__section__main__supervisor__titleBox__title::before {
  background-color: var(--color-black);
  content: "";
  display: block;
  height: 19px;
  margin-right: 13px;
  transform: translateY(1px);
  width: 7px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__supervisor__titleBox__title::before {
    height: calc(19 / 1440 * 100vw);
    margin-right: calc(13 / 1440 * 100vw);
    width: calc(7 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__supervisor__titleBox__title::before {
    height: calc(19 / 375 * 100vw);
    margin-right: calc(13 / 375 * 100vw);
    width: calc(7 / 375 * 100vw);
  }
}
.p-single__section__main__supervisor__content {
  background-color: var(--color-white);
  border-radius: 10px;
  display: flex;
  padding: 30px 40px 30px 25px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__supervisor__content {
    border-radius: calc(10 / 1440 * 100vw);
    padding: calc(30 / 1440 * 100vw) calc(40 / 1440 * 100vw)
      calc(30 / 1440 * 100vw) calc(25 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__supervisor__content {
    border-radius: calc(10 / 375 * 100vw);
    display: block;
    padding: calc(20 / 375 * 100vw);
    position: relative;
  }
}
.p-single__section__main__supervisor__content__icon {
  background-color: var(--color-black);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  content: "";
  display: block;
  flex-shrink: 0;
  height: 80px;
  margin-right: 30px;
  width: 80px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__supervisor__content__icon {
    height: calc(80 / 1440 * 100vw);
    margin-right: calc(30 / 1440 * 100vw);
    width: calc(80 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__supervisor__content__icon {
    height: calc(80 / 375 * 100vw);
    margin-right: calc(25 / 375 * 100vw);
    width: calc(80 / 375 * 100vw);
  }
}
.p-single__section__main__supervisor__content__textBox {
  padding: 15px 0;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__supervisor__content__textBox {
    padding: calc(15 / 1440 * 100vw) 0;
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__supervisor__content__textBox {
    padding: calc(15 / 375 * 100vw) 0;
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__supervisor__content__textBox__nameBox {
    align-items: center;
    display: flex;
    height: calc(80 / 375 * 100vw);
    position: absolute;
    right: calc(20 / 375 * 100vw);
    top: calc(30 / 375 * 100vw);
    width: calc(190 / 375 * 100vw);
  }
}
.p-single__section__main__supervisor__content__textBox__nameBox__name {
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__supervisor__content__textBox__nameBox__name {
    font-size: calc(18 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__supervisor__content__textBox__nameBox__name {
    font-size: calc(17 / 375 * 100vw);
  }
}
.p-single__section__main__supervisor__content__textBox__nameBox__title {
  color: var(--color-black2);
  font-size: 14px;
  font-weight: 500;
  margin-top: 8px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__supervisor__content__textBox__nameBox__title {
    font-size: calc(14 / 1440 * 100vw);
    margin-top: calc(8 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__supervisor__content__textBox__nameBox__title {
    font-size: calc(13 / 375 * 100vw);
    margin-top: calc(8 / 375 * 100vw);
  }
}
.p-single__section__main__supervisor__content__textBox__text {
  font-size: 15px;
  line-height: 26px;
  margin-top: 15px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__main__supervisor__content__textBox__text {
    font-size: calc(15 / 1440 * 100vw);
    line-height: calc(26 / 1440 * 100vw);
    margin-top: calc(15 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__main__supervisor__content__textBox__text {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(26 / 375 * 100vw);
    margin-top: calc(15 / 375 * 100vw);
  }
}
.p-single__section__sidebar {
  width: 255px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__sidebar {
    width: calc(255 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__sidebar {
    display: none;
    width: calc(255 / 375 * 100vw);
  }
}
.p-single__section__sidebar__toc {
  position: -webkit-sticky;
  position: sticky;
  top: 50px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__sidebar__toc {
    top: calc(50 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__sidebar__toc {
    top: calc(50 / 375 * 100vw);
  }
}
.p-single__section__sidebar__toc__title {
  border-left: 7px solid var(--color-black);
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  padding-left: 13px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__sidebar__toc__title {
    border-left: calc(7 / 1440 * 100vw) solid var(--color-black);
    font-size: calc(18 / 1440 * 100vw);
    margin-bottom: calc(10 / 1440 * 100vw);
    padding-left: calc(13 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__sidebar__toc__title {
    border-left: calc(7 / 375 * 100vw) solid var(--color-black);
    font-size: calc(18 / 375 * 100vw);
    margin-bottom: calc(10 / 375 * 100vw);
    padding-left: calc(13 / 375 * 100vw);
  }
}
.p-single__section__sidebar__toc__content {
  height: 41dvh;
  overflow: scroll;
  padding-bottom: 15px;
  padding-left: 20px;
  -ms-overflow-style: none; /*スクロールバー非表示：IE(Internet Explorer)・Microsoft Edgeへの対応*/
  scrollbar-width: none; /*スクロールバー非表示：Firefoxへの対応*/

  mask-image: linear-gradient(to bottom,
  rgba(46, 62, 80, 1) 60%,
  rgba(46, 62, 80, 0.5) 75%,
  rgba(46, 62, 80, 0.1) 100%
  );
  -webkit-mask-image: linear-gradient(to bottom,
  rgba(46, 62, 80, 1) 60%,
  rgba(46, 62, 80, 0.5) 75%,
  rgba(46, 62, 80, 0.1) 100%
  );
}
.p-single__section__sidebar__toc__content::-webkit-scrollbar {
  display: none; /*Google Chrome、Safariへの対応*/
}
@media screen and (max-width: 1439px) {
  .p-single__section__sidebar__toc__content {
    padding-bottom: calc(15 / 1440 * 100vw);
    padding-left: calc(20 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__sidebar__toc__content {
    padding-left: calc(20 / 375 * 100vw);
  }
}
.p-single__section__sidebar__toc__content a {
  transition: 0s;
}
.p-single__section__sidebar__toc__content .toc-h2 {
  counter-increment: h2;
  display: flex;
  font-size: 15px;
  line-height: 26px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__sidebar__toc__content .toc-h2 {
    font-size: calc(15 / 1440 * 100vw);
    line-height: calc(26 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__sidebar__toc__content .toc-h2 {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(26 / 375 * 100vw);
  }
}
.p-single__section__sidebar__toc__content .toc-h2::before {
  content: counter(h2) ".";
  flex-shrink: 0;
  margin-right: 0.5em;
}
.p-single__section__sidebar__toc__content .toc-h2 + .toc-h3 {
  counter-reset: h3;
}
.p-single__section__sidebar__toc__content .toc-h3 {
  counter-increment: h3;
  display: flex;
  font-size: 15px;
  line-height: 26px;
  padding-left: 15px;
}
@media screen and (max-width: 1439px) {
  .p-single__section__sidebar__toc__content .toc-h3 {
    font-size: calc(15 / 1440 * 100vw);
    line-height: calc(26 / 1440 * 100vw);
    padding-left: calc(15 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-single__section__sidebar__toc__content .toc-h3 {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(26 / 375 * 100vw);
    padding-left: calc(15 / 375 * 100vw);
  }
}
.p-single__section__sidebar__toc__content .toc-h3::before {
  content: counter(h2) "." counter(h3) ".";
  flex-shrink: 0;
  margin-right: 0.5em;
}
.p-single__section__sidebar__toc__content .toc-active {
  color: var(--color-main);
  font-weight: bold;
}
.p-single__section__sidebar__toc__content .toc-active a {
  color: var(--color-main);
}

.p-sitemap {
  min-height: calc(100dvh - 270px);
}
@media screen and (max-width: 1439px) {
  .p-sitemap {
    min-height: calc(100dvh - (270 / 1440 * 100vw));
  }
}
@media screen and (max-width: 767px) {
  .p-sitemap {
    min-height: calc(100dvh - (105 / 375 * 100vw));
  }
}
.p-sitemap__inner {
  margin: 0 auto;
  width: 1120px;
}
@media screen and (max-width: 1439px) {
  .p-sitemap__inner {
    width: calc(1120 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-sitemap__inner {
    padding-top: calc(20 / 375 * 100vw);
    width: 100%;
  }
}
.p-sitemap__titleBox {
  margin-bottom: 60px;
}
@media screen and (max-width: 1439px) {
  .p-sitemap__titleBox {
    margin-bottom: calc(60 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-sitemap__titleBox {
    margin-bottom: calc(20 / 375 * 100vw);
  }
}
.p-sitemap__titleBox__title {
  font-size: 30px;
  font-weight: bold;
}
@media screen and (max-width: 1439px) {
  .p-sitemap__titleBox__title {
    font-size: calc(30 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-sitemap__titleBox__title {
    font-size: calc(20 / 375 * 100vw);
  }
}
.p-sitemap__nav__top {
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
@media screen and (max-width: 1439px) {
  .p-sitemap__nav__top {
    margin-bottom: calc(20 / 1440 * 100vw);
    padding-bottom: calc(20 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-sitemap__nav__top {
    border-top: 1px solid #e2e2e2;
    margin-bottom: calc(20 / 375 * 100vw);
    padding-bottom: calc(20 / 375 * 100vw);
    padding-top: calc(20 / 375 * 100vw);
  }
}
.p-sitemap__nav__top a {
  align-items: center;
  display: flex;
  font-size: 20px;
  font-weight: bold;
  padding: 0 10px;
}
@media screen and (max-width: 1439px) {
  .p-sitemap__nav__top a {
    font-size: calc(20 / 1440 * 100vw);
    padding: 0 calc(10 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-sitemap__nav__top a {
    font-size: calc(18 / 375 * 100vw);
    padding: 0 calc(10 / 375 * 100vw);
  }
}
.p-sitemap__nav__top a::before {
  border-color: transparent transparent transparent var(--color-black);
  border-style: solid;
  border-width: 3.5px 0 3.5px 4px;
  content: "";
  display: block;
  height: 0;
  margin-right: 10px;
  width: 0;
}
@media screen and (max-width: 1439px) {
  .p-sitemap__nav__top a::before {
    border-width: calc(3.5 / 1440 * 100vw) 0 calc(3.5 / 1440 * 100vw)
      calc(4 / 1440 * 100vw);
    margin-right: calc(10 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-sitemap__nav__top a::before {
    border-width: calc(3.5 / 375 * 100vw) 0 calc(3.5 / 375 * 100vw)
      calc(4 / 375 * 100vw);
    margin-right: calc(10 / 375 * 100vw);
  }
}
.p-sitemap__nav__subNav {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .p-sitemap__nav__subNav {
    display: block;
  }
}
.p-sitemap__nav__subNav > ul {
  width: 326px;
}
@media screen and (max-width: 1439px) {
  .p-sitemap__nav__subNav > ul {
    width: calc(326 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-sitemap__nav__subNav > ul {
    width: 100%;
  }
}
.p-sitemap__nav__subNav > ul > li {
  border-bottom: 1px solid #e2e2e2;
  padding: 20px 10px;
}
@media screen and (max-width: 1439px) {
  .p-sitemap__nav__subNav > ul > li {
    padding: calc(20 / 1440 * 100vw) calc(10 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-sitemap__nav__subNav > ul > li {
    padding: calc(20 / 375 * 100vw) calc(10 / 375 * 100vw);
  }
}
.p-sitemap__nav__subNav > ul > li a {
  align-items: center;
  display: flex;
  font-size: 20px;
  font-weight: bold;
}
@media screen and (max-width: 1439px) {
  .p-sitemap__nav__subNav > ul > li a {
    font-size: calc(20 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-sitemap__nav__subNav > ul > li a {
    font-size: calc(18 / 375 * 100vw);
  }
}
.p-sitemap__nav__subNav > ul > li a::before {
  border-color: transparent transparent transparent var(--color-black);
  border-style: solid;
  border-width: 3.5px 0 3.5px 4px;
  content: "";
  display: block;
  height: 0;
  margin-right: 10px;
  width: 0;
}
@media screen and (max-width: 1439px) {
  .p-sitemap__nav__subNav > ul > li a::before {
    border-width: calc(3.5 / 1440 * 100vw) 0 calc(3.5 / 1440 * 100vw)
      calc(4 / 1440 * 100vw);
    margin-right: calc(10 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-sitemap__nav__subNav > ul > li a::before {
    border-width: calc(3.5 / 375 * 100vw) 0 calc(3.5 / 375 * 100vw)
      calc(4 / 375 * 100vw);
    margin-right: calc(10 / 375 * 100vw);
  }
}
.p-sitemap__nav__subNav > ul > li:first-child {
  padding-top: 0;
}
@media screen and (max-width: 767px) {
  .p-sitemap__nav__subNav > ul > li:first-child {
    padding-top: calc(20 / 375 * 100vw);
  }
}
.p-sitemap__nav__subNav__top {
  margin-bottom: 20px;
}
@media screen and (max-width: 1439px) {
  .p-sitemap__nav__subNav__top {
    margin-bottom: calc(20 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-sitemap__nav__subNav__top {
    margin-bottom: calc(20 / 375 * 100vw);
  }
}
.p-sitemap__nav__subNav__subSubNav {
  padding-left: 15px;
}
@media screen and (max-width: 1439px) {
  .p-sitemap__nav__subNav__subSubNav {
    padding-left: calc(15 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-sitemap__nav__subNav__subSubNav {
    padding-left: calc(15 / 375 * 100vw);
  }
}
.p-sitemap__nav__subNav__subSubNav > ul > li a {
  font-size: 17px;
  font-weight: normal;
}
@media screen and (max-width: 1439px) {
  .p-sitemap__nav__subNav__subSubNav > ul > li a {
    font-size: calc(17 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-sitemap__nav__subNav__subSubNav > ul > li a {
    font-size: calc(15 / 375 * 100vw);
  }
}
.p-sitemap__nav__subNav__subSubNav > ul > li a::before {
  background-image: url(../images/icon_arrow_subnav.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 0;
  content: "";
  display: block;
  height: 7px;
  margin-right: 10px;
  width: 5px;
}
@media screen and (max-width: 1439px) {
  .p-sitemap__nav__subNav__subSubNav > ul > li a::before {
    height: calc(7 / 1440 * 100vw);
    margin-right: calc(10 / 1440 * 100vw);
    width: calc(5 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-sitemap__nav__subNav__subSubNav > ul > li a::before {
    height: calc(7 / 375 * 100vw);
    margin-right: calc(10 / 375 * 100vw);
    width: calc(5 / 375 * 100vw);
  }
}
.p-sitemap__nav__subNav__subSubNav > ul > li + li {
  margin-top: 20px;
}
@media screen and (max-width: 1439px) {
  .p-sitemap__nav__subNav__subSubNav > ul > li + li {
    margin-top: calc(20 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-sitemap__nav__subNav__subSubNav > ul > li + li {
    margin-top: calc(20 / 375 * 100vw);
  }
}

.p-spHeader {
  background-color: var(--color-black);
  display: none;
  height: calc(50 / 375 * 100vw);
}
@media screen and (max-width: 767px) {
  .p-spHeader {
    display: block;
  }
}
.p-spHeader .l-container {
  height: 100%;
  padding-left: 0;
  padding-right: 0;
}
.p-spHeader__inner {
  align-items: center;
  display: flex;
  height: 100%;
  padding-left: calc(15 / 375 * 100vw);
}
.p-spHeader__logo {
  width: calc(204 / 375 * 100vw);
}
.p-spHeader__logo img {
  height: auto;
  width: 100%;
}
.p-spHeader__logo a {
  display: block;
}
.p-spHeader__hamburger {
  margin-left: auto;
  width: calc(50 / 375 * 100vw);
}
.p-spHeader__hamburger img {
  height: auto;
  width: 100%;
}
.p-spHeader--document {
  background-color: transparent;
}
.p-spHeader.is-clone {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  opacity: 0.95;
  position: fixed !important;
  top: 0;
  transform: translateY(-200%);
  transition: 0.6s;
  width: 100%;
  z-index: 100;
}
@media screen and (max-width: 1439px) {
  .p-spHeader.is-clone {
    box-shadow: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw)
      calc(15 / 1440 * 100vw) rgba(0, 0, 0, 0.1);
  }
}
@media screen and (max-width: 767px) {
  .p-spHeader.is-clone {
    box-shadow: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw)
      calc(15 / 375 * 100vw) rgba(0, 0, 0, 0.1);
  }
}
.p-spHeader.is-clone.is-show {
  transform: translateY(0);
}
.p-spHeader.is-clone.p-spHeader--document {
  display: none !important;
}

.p-thanks {
  min-height: calc(100dvh - 270px);
}
@media screen and (max-width: 1439px) {
  .p-thanks {
    min-height: calc(100dvh - (270 / 1440 * 100vw));
  }
}
@media screen and (max-width: 767px) {
  .p-thanks {
    min-height: calc(100dvh - (105 / 375 * 100vw));
  }
}
.p-thanks__inner {
  margin: 0 auto;
  width: 870px;
}
@media screen and (max-width: 1439px) {
  .p-thanks__inner {
    width: calc(870 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-thanks__inner {
    padding-top: calc(20 / 375 * 100vw);
    width: 100%;
  }
}
.p-thanks__titleBox__title {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
}
@media screen and (max-width: 1439px) {
  .p-thanks__titleBox__title {
    font-size: calc(30 / 1440 * 100vw);
    margin-bottom: calc(30 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-thanks__titleBox__title {
    font-size: calc(25 / 375 * 100vw);
    line-height: calc(35 / 375 * 100vw);
    margin-bottom: calc(15 / 375 * 100vw);
    text-align: left;
  }
}
.p-thanks__content p {
  font-size: 15px;
  line-height: 26px;
  text-align: center;
}
@media screen and (max-width: 1439px) {
  .p-thanks__content p {
    font-size: calc(15 / 1440 * 100vw);
    line-height: calc(26 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-thanks__content p {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(26 / 375 * 100vw);
    text-align: left;
  }
}
.p-thanks__content p + * {
  margin-top: 26px;
}
@media screen and (max-width: 1439px) {
  .p-thanks__content p + * {
    margin-top: calc(26 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-thanks__content p + * {
    margin-top: calc(26 / 375 * 100vw);
  }
}
.p-thanks__menuList {
  display: flex;
  justify-content: space-between;
  margin-top: 55px;
}
@media screen and (max-width: 1439px) {
  .p-thanks__menuList {
    margin-top: calc(55 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-thanks__menuList {
    display: block;
    margin-top: calc(30 / 375 * 100vw);
  }
}
.p-thanks__menuList a {
  display: block;
  width: 263px;
}
@media screen and (max-width: 1439px) {
  .p-thanks__menuList a {
    width: calc(263 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-thanks__menuList a {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .p-thanks__menuList a + a {
    margin-top: calc(20 / 375 * 100vw);
  }
}
.p-thanks__menuList a:hover .p-thanks__menuList__menuBox__thumbnail img {
  transform: scale(1.1);
}
@media screen and (max-width: 767px) {
  .p-thanks__menuList a:hover .p-thanks__menuList__menuBox__thumbnail img {
    transform: scale(1);
  }
}
.p-thanks__menuList__menuBox__thumbnail {
  overflow: hidden;
}
.p-thanks__menuList__menuBox__thumbnail img {
  height: auto;
  width: 100%;
}
.p-thanks__menuList__menuBox__thumbnail img {
  transition: 0.3s;
}
.p-thanks__menuList__menuBox__link {
  align-items: center;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  justify-content: center;
  margin-top: 15px;
}
@media screen and (max-width: 1439px) {
  .p-thanks__menuList__menuBox__link {
    font-size: calc(12 / 1440 * 100vw);
    margin-top: calc(15 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-thanks__menuList__menuBox__link {
    font-size: calc(12 / 375 * 100vw);
    margin-top: calc(15 / 375 * 100vw);
  }
}
.p-thanks__menuList__menuBox__link::after {
  background-image: url(../images/icon_arrow_thanks.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 11px;
  margin-left: 10px;
  width: 6px;
}
@media screen and (max-width: 1439px) {
  .p-thanks__menuList__menuBox__link::after {
    height: calc(11 / 1440 * 100vw);
    margin-left: calc(10 / 1440 * 100vw);
    width: calc(6 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-thanks__menuList__menuBox__link::after {
    height: calc(11 / 375 * 100vw);
    margin-left: calc(10 / 375 * 100vw);
    width: calc(6 / 375 * 100vw);
  }
}

.p-toc {
  position: -webkit-sticky;
  position: sticky;
  top: 50px;
}
@media screen and (max-width: 1439px) {
  .p-toc {
    top: calc(50 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-toc {
    top: calc(50 / 375 * 100vw);
  }
}
.p-toc__title {
  border-left: 7px solid var(--color-black);
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 12px;
  padding-left: 13px;
}
@media screen and (max-width: 1439px) {
  .p-toc__title {
    border-left: calc(7 / 1440 * 100vw) solid var(--color-black);
    font-size: calc(18 / 1440 * 100vw);
    margin-bottom: calc(12 / 1440 * 100vw);
    padding-left: calc(13 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-toc__title {
    border-left: calc(7 / 375 * 100vw) solid var(--color-black);
    font-size: calc(18 / 375 * 100vw);
    margin-bottom: calc(12 / 375 * 100vw);
    padding-left: calc(13 / 375 * 100vw);
  }
}
.p-toc__content > ul {
  padding-left: 15px;
}
@media screen and (max-width: 1439px) {
  .p-toc__content > ul {
    padding-left: calc(15 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-toc__content > ul {
    padding-left: calc(15 / 375 * 100vw);
  }
}
.p-toc__content > ul > li {
  font-size: 15px;
  line-height: 26px;
}
@media screen and (max-width: 1439px) {
  .p-toc__content > ul > li {
    font-size: calc(15 / 1440 * 100vw);
    line-height: calc(26 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-toc__content > ul > li {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(26 / 375 * 100vw);
  }
}
.p-toc__content > ul > li a {
  display: flex;
}
.p-toc__content > ul > li a::before {
  background-image: url(../images/icon_toc_dot_h2.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  content: "";
  display: block;
  flex-shrink: 0;
  height: 5px;
  margin-right: 6px;
  transform: translateY(12px);
  width: 5px;
}
@media screen and (max-width: 1439px) {
  .p-toc__content > ul > li a::before {
    height: calc(5 / 1440 * 100vw);
    margin-right: calc(6 / 1440 * 100vw);
    transform: translateY(calc(12 / 1440 * 100vw));
    width: calc(5 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-toc__content > ul > li a::before {
    height: calc(5 / 375 * 100vw);
    margin-right: calc(6 / 375 * 100vw);
    transform: translateY(calc(12 / 375 * 100vw));
    width: calc(5 / 375 * 100vw);
  }
}
.p-toc__content > ul > li > ul {
  padding-left: 15px;
}
@media screen and (max-width: 1439px) {
  .p-toc__content > ul > li > ul {
    padding-left: calc(15 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-toc__content > ul > li > ul {
    padding-left: calc(15 / 375 * 100vw);
  }
}
.p-toc__content > ul > li > ul > li a {
  display: flex;
}
.p-toc__content > ul > li > ul > li a::before {
  background-image: url(../images/icon_toc_dot_h3.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  content: "";
  display: block;
  flex-shrink: 0;
  height: 5px;
  margin-right: 6px;
  transform: translateY(12px);
  width: 5px;
}
@media screen and (max-width: 1439px) {
  .p-toc__content > ul > li > ul > li a::before {
    height: calc(5 / 1440 * 100vw);
    margin-right: calc(6 / 1440 * 100vw);
    transform: translateY(calc(12 / 1440 * 100vw));
    width: calc(5 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-toc__content > ul > li > ul > li a::before {
    height: calc(5 / 375 * 100vw);
    margin-right: calc(6 / 375 * 100vw);
    transform: translateY(calc(12 / 375 * 100vw));
    width: calc(5 / 375 * 100vw);
  }
}
.p-toc__content a:hover {
  color: var(--color-main);
}

.p-videoModule {
  margin-top: 60px;
}
@media screen and (max-width: 1439px) {
  .p-videoModule {
    margin-top: calc(60 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-videoModule {
    margin-top: calc(40 / 375 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-videoModule .l-container {
    padding-right: 0;
  }
}
.p-videoModule__inner {
  position: relative;
}
.p-videoModule__titleBox {
  margin-bottom: 20px;
}
@media screen and (max-width: 1439px) {
  .p-videoModule__titleBox {
    margin-bottom: calc(20 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-videoModule__titleBox {
    margin-bottom: calc(15 / 375 * 100vw);
  }
}
.p-videoModule__titleBox__title {
  align-items: center;
  display: flex;
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 1439px) {
  .p-videoModule__titleBox__title {
    font-size: calc(18 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-videoModule__titleBox__title {
    font-size: calc(17 / 375 * 100vw);
  }
}
.p-videoModule__titleBox__title::before {
  background-color: var(--color-black);
  content: "";
  display: block;
  height: 19px;
  margin-right: 13px;
  transform: translateY(1px);
  width: 7px;
}
@media screen and (max-width: 1439px) {
  .p-videoModule__titleBox__title::before {
    height: calc(19 / 1440 * 100vw);
    margin-right: calc(13 / 1440 * 100vw);
    width: calc(7 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-videoModule__titleBox__title::before {
    height: calc(19 / 375 * 100vw);
    margin-right: calc(13 / 375 * 100vw);
    width: calc(7 / 375 * 100vw);
  }
}
.p-videoModule__swiper {
  width: 25%;
}
@media screen and (max-width: 767px) {
  .p-videoModule__swiper {
    width: calc(325 / 375 * 100vw);
  }
}
.p-videoModule__swiper__wrapper {
  overflow: hidden;
}
.p-videoModule__swiper__wrapper__wrapper {
  position: relative;
}
.p-videoModule__swiper__wrapper__wrapper .swiper-button-prev,
.p-videoModule__swiper__wrapper__wrapper .swiper-button-next {
  height: calc(100% - 172px);
}
@media screen and (max-width: 1439px) {
  .p-videoModule__swiper__wrapper__wrapper .swiper-button-prev,
  .p-videoModule__swiper__wrapper__wrapper .swiper-button-next {
    height: calc(100% - (172 / 1440 * 100vw));
  }
}
@media screen and (max-width: 767px) {
  .p-videoModule__swiper__wrapper__wrapper .swiper-button-prev,
  .p-videoModule__swiper__wrapper__wrapper .swiper-button-next {
    height: calc(100% - (172 / 375 * 100vw));
  }
}
.p-videoModule__readmore {
  position: absolute;
  right: 0;
  top: 0;
}
.p-videoModule__readmore a {
  align-items: center;
  display: flex;
  font-size: 14px;
}
@media screen and (max-width: 1439px) {
  .p-videoModule__readmore a {
    font-size: calc(14 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-videoModule__readmore a {
    font-size: calc(11 / 375 * 100vw);
  }
}
.p-videoModule__readmore a::after {
  -webkit-mask-image: url(../images/icon_arrow_readmore.svg);
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  background-color: var(--color-black);
  content: "";
  display: block;
  height: 10px;
  margin-left: 16px;
  mask-image: url(../images/icon_arrow_readmore.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  transition: 0.3s;
  width: 6px;
}
@media screen and (max-width: 1439px) {
  .p-videoModule__readmore a::after {
    height: calc(10 / 1440 * 100vw);
    margin-left: calc(16 / 1440 * 100vw);
    width: calc(6 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-videoModule__readmore a::after {
    height: calc(8 / 375 * 100vw);
    margin-left: calc(15 / 375 * 100vw);
    width: calc(4 / 375 * 100vw);
  }
}
.p-videoModule__readmore a:hover {
  color: var(--color-main);
}
@media screen and (max-width: 767px) {
  .p-videoModule__readmore a:hover {
    color: var(--color-black);
  }
}
.p-videoModule__readmore a:hover::after {
  background-color: var(--color-main);
}
@media screen and (max-width: 767px) {
  .p-videoModule__readmore a:hover::after {
    background-color: var(--color-black);
  }
}
@media screen and (max-width: 767px) {
  .p-videoModule__readmore {
    right: calc(20 / 375 * 100vw);
  }
}