@charset "UTF-8";
/*====================================================================
base / font
====================================================================*/
@import url("https://fonts.googleapis.com/css2?family=Fustat:wght@200..800&family=Noto+Sans+JP:wght@100..900&display=swap");
@font-face {
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
/* デザインB（タブレット） */
@media screen and (min-width: 600px) {
  /* タブレット用レイアウト 600px以上の範囲に収めるデザインはこの中に記述 */
}
/* デザインC(PC) */
@media screen and (min-width: 1025px) {
  /* PC用レイアウト 1,025px以上の範囲に収めるデザインはこの中に記述 */
}
.sa {
  opacity: 0;
  transition: all 0.5s ease;
}

.sa.show {
  opacity: 1;
  transform: none;
}

.sa__up {
  transform: translate(0, 100px);
}

.sa__down {
  transform: translate(0, -100px);
}

.sa__scaleUp {
  transform: scale(0.5);
}

@keyframes anim_dian {
  0% {
    transform: translate(0, 0px);
  }
  100% {
    transform: translate(0, -35px);
  }
}
@keyframes dian-move {
  0% {
    top: 10%; /*スタート地点（サンプルは[class:cp_arrows]height300pxの35%）*/
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes rotate-anime {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(45deg);
  }
  100% {
    transform: rotate(90deg);
  }
}
@keyframes fluffy {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(5deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes fluffyUp {
  0% {
    transform: translateY(0);
  }
  5% {
    transform: translateY(0);
  }
  10% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(-15px);
  }
  25% {
    transform: translateY(0);
  }
  30% {
    transform: translateY(-15px);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 90deg);
  }
  to {
    transform-origin: center;
    transform: translate3d(0, 0, 0);
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

.visualEditArea {
  font-size: 1.4rem;
  line-height: 1.6;
  letter-spacing: 0.05em;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .visualEditArea {
    font-size: 14px;
    line-height: 1.8;
  }
}
.visualEditArea {
  margin: 20px auto;
}
.visualEditArea * {
  margin-top: 1.75em;
}
.visualEditArea *:nth-child(1) {
  margin-top: 0;
}
.visualEditArea a {
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .visualEditArea a:hover {
    opacity: 0.6;
  }
}
.visualEditArea a {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .visualEditArea a {
    font-size: 14px;
    line-height: 1.8;
  }
}
.visualEditArea h1, .visualEditArea h2, .visualEditArea h3, .visualEditArea h4, .visualEditArea h5, .visualEditArea h6 {
  font-weight: bold;
}
.visualEditArea h1 {
  font-size: 32px;
  line-height: 1.4;
}
.visualEditArea h2 {
  margin-top: 2em;
  font-size: 27px;
  line-height: 1.6;
}
.visualEditArea h3 {
  font-size: 22px;
  line-height: 1.6;
}
.visualEditArea h4, .visualEditArea h5, .visualEditArea h6 {
  font-size: 16px;
  line-height: 1.6;
}
.visualEditArea h1 + h2,
.visualEditArea h2 + h3,
.visualEditArea h3 + h4,
.visualEditArea h4 + h5,
.visualEditArea h5 + h6 {
  margin-top: 0.5em;
}
.visualEditArea p {
  margin-top: 0.5em;
  font-size: 1.4rem;
  line-height: 1.6;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .visualEditArea p {
    font-size: 14px;
    line-height: 1.8;
  }
}
.visualEditArea p span {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .visualEditArea p span {
    font-size: 14px;
    line-height: 1.8;
  }
}
.visualEditArea p strong {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .visualEditArea p strong {
    font-size: 14px;
    line-height: 1.8;
  }
}
.visualEditArea p del {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .visualEditArea p del {
    font-size: 14px;
    line-height: 1.8;
  }
}
.visualEditArea strong {
  font-weight: bold;
}
.visualEditArea em {
  font-style: italic;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .visualEditArea em {
    font-size: 14px;
    line-height: 1.8;
  }
}
.visualEditArea ul {
  list-style-type: disc;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .visualEditArea ul {
    font-size: 14px;
    line-height: 1.8;
  }
}
.visualEditArea ol {
  list-style-type: decimal;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .visualEditArea ol {
    font-size: 14px;
    line-height: 1.8;
  }
}
.visualEditArea ul, .visualEditArea ol {
  margin-top: 1em;
  padding-left: 1.4em;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .visualEditArea ul, .visualEditArea ol {
    font-size: 14px;
    line-height: 1.8;
  }
}
.visualEditArea ul li, .visualEditArea ol li {
  margin-top: 0.6em;
  line-height: 1.5;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .visualEditArea ul li, .visualEditArea ol li {
    font-size: 14px;
    line-height: 1.8;
  }
}
.visualEditArea i {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .visualEditArea i {
    font-size: 14px;
    line-height: 1.8;
  }
}
.visualEditArea sup, .visualEditArea sub {
  font-size: 10px;
}
.visualEditArea table {
  margin-top: 3em;
  width: 100% !important;
  height: auto !important;
  border-collapse: collapse;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .visualEditArea table {
    font-size: 14px;
    line-height: 1.8;
  }
}
.visualEditArea table thead th, .visualEditArea table thead td {
  font-weight: bold;
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .visualEditArea table thead th, .visualEditArea table thead td {
    font-size: 14px;
    line-height: 1.8;
  }
}
.visualEditArea table tr th, .visualEditArea table tr td {
  padding: 15px 20px;
  border: #111 1px solid;
  line-height: 1.5;
  text-align: left;
  vertical-align: middle;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .visualEditArea table tr th, .visualEditArea table tr td {
    font-size: 14px;
    line-height: 1.8;
  }
}
.visualEditArea table tr th {
  width: 25%;
  font-weight: bold;
  text-align: center;
}
.visualEditArea img {
  width: auto;
  max-width: 100%;
  height: auto;
  margin-top: 2em;
}
.visualEditArea img.alignnone, .visualEditArea img.alignleft {
  margin-top: 2em;
}
.visualEditArea img.aligncenter {
  display: block;
  margin: 2em auto 0;
}
.visualEditArea img.alignright {
  display: block;
  margin: 2em 0 0 auto;
}

/*====================================================================
Reset
====================================================================*/
html {
  color: #111;
  background: #fff;
}

html, body, div, figure, section, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 10px;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
  line-height: 100%;
  vertical-align: baseline;
  background: transparent;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
}
@media screen and (max-width: 940px) {
  html, body, div, figure, section, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, em, font, img, ins, kbd, q, s, samp,
  small, strike, strong, sub, sup, tt, var,
  b, u, i, center,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td {
    font-size: 8px;
  }
}

b, strong {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", （何かしらのゴシック体）;
}

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

fieldset,
img {
  border: 0;
}

/*
TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}

ol,
ul {
  list-style: none;
}

caption,
th {
  text-align: left;
}

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

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

abbr,
acronym {
  border: 0;
  font-variant: normal;
}

sup {
  font-size: 10px;
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

input,
textarea,
select {
  *font-size: 100%;
}

legend {
  color: #111;
}

ol, ul {
  list-style: none;
}

a {
  color: #111;
  text-decoration: none;
}

input,
button,
textarea,
select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: 100%;
  box-sizing: border-box;
}

img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.img-container {
  overflow: hidden;
  position: relative;
}

.img-container__img {
  display: block;
  opacity: 0;
  position: relative;
  transition: all 0.5s 0.3s ease;
  z-index: 0;
}

.img-container:before {
  background: #333;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  transform: translateX(-100%);
  transition: all 0.8s 0s ease;
  width: 100%;
  z-index: 1;
}

.text-container {
  opacity: 0;
  padding: 0 60px;
  transition: all 0.8s 0.5s ease;
}

/*アニメーションするプロパティを設定します*/
.img-container.active img {
  opacity: 1;
}

.img-container.active:before {
  transform: translateX(100%);
}

.text-container.active {
  opacity: 1;
}

/*====================================================================
COMMON LAYOUT
====================================================================*/
body {
  background: #fff;
  color: #111;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "palt" 1;
}
body.js-noScroll {
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  body {
    min-width: inherit;
  }
}
body {
  transition: 0.6s;
}

main,
header {
  transition: 0.6s;
}

/*-----------------------------------------------
PC/SP 出し分け
------------------------------------------------*/
.u-pcDb {
  display: block;
}

.u-pcDib {
  display: inline-block;
}

.u-pcDin {
  display: inline;
}

.u-pcDf {
  display: flex;
}

.u-pcDt {
  display: table;
}

.u-pcDtc {
  display: table-cell;
}

.u-spDb,
.u-spDib,
.u-spDin,
.u-spDf,
.u-spDt,
.u-spDtc {
  display: none;
}

@media screen and (max-width: 768px) {
  .u-pcDb,
  .u-pcDib,
  .u-pcDin,
  .u-pcDf,
  .u-pcDt,
  .u-pcDtc {
    display: none;
  }
  .u-spDb {
    display: block;
  }
  .u-spDib {
    display: inline-block;
  }
  .u-spDin {
    display: inline;
  }
  .u-spDf {
    display: flex;
  }
  .u-spDt {
    display: table;
  }
  .u-spDtc {
    display: table-cell;
  }
}
/*-----------------------------------------------
文字フェードイン（CSSアニメーション）
------------------------------------------------*/
@keyframes mask_fadeIn {
  0% {
    /* x方向の倍率を0に */
    transform: scaleX(0);
    /* 変換の原点を(0, 0)に指定 */
    transform-origin: 0 0;
  }
  45% {
    /* x方向の倍率を初期値(1倍)に */
    transform: none;
    transform-origin: 0 0;
  }
  50% {
    transform: none;
    transform-origin: 100% 0;
  }
  100% {
    transform: scaleX(0);
    transform-origin: 100% 0;
  }
}
a[href^="tel:"] {
  pointer-events: none;
}

@media screen and (max-width: 768px) {
  a[href^="tel:"] {
    pointer-events: auto;
  }
}
.pageTitle {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .pageTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.pageTitle {
  text-align: center;
  font-size: 1.8rem;
  letter-spacing: 0.5em;
  position: relative;
  padding-bottom: 12px;
}
.pageTitle::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  top: 100%;
  left: 49.5%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("../images/common/title_icon.png");
}
@media screen and (max-width: 768px) {
  .pageTitle {
    font-size: 1.8rem;
  }
  .pageTitle::after {
    left: 49%;
  }
}

/*-----------------------------------------------
文字アニメーション（到達時：右 -> 左で青から白へ）
------------------------------------------------*/
.js-charFadeTitle {
  opacity: 0;
  transition: opacity 0.35s ease;
}
.js-charFadeTitle.is-visible {
  opacity: 1;
}

.js-charFadeTitleChar {
  display: inline-block;
  vertical-align: baseline;
  opacity: 0;
  transform: translate3d(0, 0.06em, 0);
  color: #1544A3;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out, color 0.55s ease;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  font-family: inherit;
  will-change: opacity, transform, color;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
}
.js-charFadeTitleChar.is-reveal {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.js-charFadeTitleChar.is-from-blue01 {
  color: #1544A3;
}
.js-charFadeTitleChar.is-from-blue02 {
  color: #5FA6EB;
}
.js-charFadeTitleChar.is-from-black {
  color: #111;
}
.js-charFadeTitleChar.is-white {
  color: #fff;
}
.js-charFadeTitleChar.is-black {
  color: #111;
}

/*-----------------------------------------------
グラデーションスイープアニメーション（gradMove）
白テキスト → #31B0FFグリント → 白テキスト
黒テキスト[data-char-fade-to="black"] → #1544A3グリント → 黒テキスト
------------------------------------------------*/
.js-gradMove.is-grad-animated {
  background: linear-gradient(90deg, #fff 0% 42%, #31B0FF 50%, #fff 58% 100%);
  background-size: 300% 100%;
  background-position: 0% 0;
  background-repeat: no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: gradMove 2.4s ease forwards;
}
.js-gradMove[data-char-fade-to=black].is-grad-animated {
  background-image: linear-gradient(90deg, #111 0% 42%, #1544A3 50%, #111 58% 100%);
}

.pageTitleBig {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .pageTitleBig {
    font-size: 14px;
    line-height: 1.8;
  }
}
.pageTitleBig {
  text-align: center;
  font-size: 2.4rem;
  letter-spacing: 0.5em;
  position: relative;
  padding-bottom: 40px;
  font-weight: 600;
}
.pageTitleBig::after {
  content: "";
  position: absolute;
  width: 17px;
  height: 17px;
  top: 80%;
  left: 49.5%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("../images/common/title_icon.png");
}
@media screen and (max-width: 768px) {
  .pageTitleBig {
    font-size: 1.8rem;
    padding-bottom: 30px;
  }
}

.lowerPageTitleArea {
  padding: 120px 0 90px;
}
@media screen and (max-width: 768px) {
  .lowerPageTitleArea {
    padding: 46px 0;
  }
}

.lowerPageThumbTitle {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .lowerPageThumbTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.lowerPageThumbTitle {
  text-align: center;
  font-size: 1.2rem;
  letter-spacing: 0.5em;
}
@media screen and (max-width: 768px) {
  .lowerPageThumbTitle {
    font-size: 1.2rem;
    padding-bottom: 10px;
  }
}

.lowerPageTitle {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .lowerPageTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.lowerPageTitle {
  text-align: center;
  font-size: 2rem;
  letter-spacing: 0.5em;
  position: relative;
  padding-bottom: 18px;
}
.lowerPageTitle::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  background-color: #1544A3;
  width: 72px;
  height: 2px;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
  .lowerPageTitle {
    font-size: 2rem;
  }
}

main.mainContent {
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  main.mainContent {
    margin-top: 55px;
  }
}

.is_home .mainContent {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .is_home .mainContent {
    margin-top: 55px;
  }
  .is_home .mainContent.navOpened {
    margin-top: 0;
  }
}

.cantScroll {
  overflow: hidden;
  transition: 0.6s;
}

.navOpened {
  transform: translate(-67vw);
}

.archiveNoResult {
  grid-column: 1/-1;
  list-style: none;
  padding: 60px 0 100px;
  text-align: center;
  font-size: 16px;
  color: #111;
  margin: 0 auto;
}

/*====================================================================
Header
====================================================================*/
.siteHeader {
  position: fixed;
  top: 0px;
  left: 0;
  z-index: 200;
  width: 100%;
}
@media (prefers-reduced-motion: reduce) {
  .siteHeader__wrap {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
.siteHeader__wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  justify-content: space-between;
  width: 100%;
  height: 100px;
  margin: 0 auto;
  position: relative;
  opacity: 0;
  transform: translate3d(0, -36px, 0);
}
@media screen and (max-width: 768px) {
  .siteHeader__wrap {
    height: 55px;
    justify-content: space-between;
  }
  .navOpened .siteHeader__wrap {
    background-color: transparent;
  }
}
.siteHeader__logoLink {
  height: 90px;
  width: 21.88vw;
  background-color: #fff;
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .siteHeader__logoLink:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 768px) {
  .siteHeader__logoLink {
    padding-left: 20px;
    width: 142px;
  }
}
.siteHeader__logoImg {
  width: 21.88vw;
  display: block;
}
.siteHeader__navArea {
  width: 100%;
  margin-right: 10px;
}
.siteHeader__navList, .siteHeader__navTwoList {
  padding-top: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 100%;
}
.siteHeader__navListLink {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .siteHeader__navListLink {
    font-size: 14px;
    line-height: 1.8;
  }
}
.siteHeader__navListLink {
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
}
.siteHeader__navListLink.u-one {
  background-color: #1544A3;
  padding: 13px 13px 14px 26px;
  border-radius: 30px 0 0 30px;
}
.siteHeader__navListLink.u-two {
  background-color: #1544A3;
  padding: 13px 20px 14px 26px;
}
.siteHeader__navListLink.u-three {
  background-color: #383434;
  padding: 13px 30px 14px 41px;
  border-radius: 0 30px 30px 0;
  position: relative;
}
.siteHeader__navListLink.u-three::after {
  position: absolute;
  transition: 0.6s;
  content: "";
  width: 18px;
  height: 14px;
  top: 17px;
  left: 17px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("../images/common/mian_icon.png");
}
.siteHeader__navListLink {
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .siteHeader__navListLink:hover {
    color: #1544A3;
    background-color: #fff;
  }
  .siteHeader__navListLink:hover.u-three::after {
    background-image: url("../images/common/mian_iconB.png");
  }
}
.siteHeader__navTwoLink {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .siteHeader__navTwoLink {
    font-size: 14px;
    line-height: 1.8;
  }
}
.siteHeader__navTwoLink {
  font-size: clamp(1.2rem, 1.35vw, 1.4rem);
  color: #fff;
  padding: clamp(6px, 1vw, 12px);
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .siteHeader__navTwoLink:hover {
    color: #5FA6EB;
  }
}
.siteHeader.is-scrolled {
  pointer-events: none;
}
.siteHeader.is-scrolled .siteHeader__logoArea {
  display: none;
}
.siteHeader.is-scrolled .siteHeader__navArea {
  display: none;
}
.siteHeader.is-scrolled .siteHeader__Actions {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.siteHeader.is-scrolled .siteHeaderSp__wrap {
  pointer-events: auto;
}
.siteHeader__Actions {
  display: none;
}
.siteHeader__actionsLogo, .siteHeader__menu, .siteHeader__consult {
  pointer-events: auto;
}
.siteHeader__consult {
  height: 34px;
  padding: 0 16px;
  border: 1px solid #87BAED;
  color: #1544A3;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .siteHeader__consult {
    font-size: 14px;
    line-height: 1.8;
  }
}
.siteHeader__consult {
  font-size: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .siteHeader__consult:hover {
    background: #5FA6EB;
    border-color: #5FA6EB;
    color: #fff;
  }
}
.siteHeader__menu {
  width: 90px;
  height: 90px;
  border-bottom-left-radius: 20px;
  top: 0;
  position: absolute;
  background: #1544A3;
  position: relative;
  cursor: pointer;
  padding: 0;
  transition: 0.6s;
}
.siteHeader__menu::before, .siteHeader__menu::after {
  content: "";
  position: absolute;
  left: 30%;
  top: 55%;
  width: 40px;
  height: 1px;
  background: #fff;
}
.siteHeader__menu::before {
  top: 45%;
}
@media screen and (min-width: 769px) {
  .siteHeader__menu:hover {
    background: #87BAED;
  }
}

.siteHeader.is-reveal .siteHeader__wrap {
  animation: headerRevealFromTop 0.72s cubic-bezier(0.2, 0.8, 0.2, 1) both;
}

@keyframes headerRevealFromTop {
  from {
    opacity: 0;
    transform: translate3d(0, -36px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
/*====================================================================
Header Drawer (siteHeader__menu)
====================================================================*/
.siteDrawer {
  position: fixed;
  inset: 0;
  z-index: 350;
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.42s ease, visibility 0.42s ease;
}
.siteDrawer.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.siteDrawer__inner {
  width: 100%;
  height: 100%;
  display: flex;
  opacity: 0;
  transition: opacity 0.42s ease;
}
.siteDrawer.is-open .siteDrawer__inner {
  opacity: 1;
}
.siteDrawer__left {
  width: 50%;
  padding: 22px 26px;
  overflow: auto;
  transform: translateX(-18px);
  opacity: 0;
  transition: transform 0.48s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.36s ease;
}
.siteDrawer__logoImg {
  width: 280px;
  display: block;
}
.siteDrawer__navListLink {
  display: block;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .siteDrawer__navListLink {
    font-size: 14px;
    line-height: 1.8;
  }
}
.siteDrawer__navListLink {
  font-size: 1.6rem;
  color: #111;
  font-weight: 600;
  text-align: center;
  padding: 12px 0;
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .siteDrawer__navListLink:hover {
    color: #1544A3;
  }
}
.siteDrawer__cta {
  margin-top: 26px;
  display: flex;
  flex-direction: column;
}
.siteDrawer__ctaBtn {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .siteDrawer__ctaBtn {
    font-size: 14px;
    line-height: 1.8;
  }
}
.siteDrawer__ctaBtn {
  font-weight: bold;
  border-radius: 30px;
  padding: 14px 16px;
  text-align: center;
  display: block;
  width: 240px;
  font-size: 1.6rem;
  margin: 0 auto 20px;
}
.siteDrawer__ctaBtnLight {
  border: 1px solid #1544A3;
  color: #1544A3;
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .siteDrawer__ctaBtnLight:hover {
    background-color: #1544A3;
    color: #fff;
  }
}
.siteDrawer__ctaBtnOutline {
  border: 1px solid #383434;
  background: #fff;
  color: #111;
  padding-left: 36px;
  position: relative;
}
.siteDrawer__ctaBtnOutline::after {
  position: absolute;
  transition: 0.6s;
  content: "";
  width: 18px;
  height: 14px;
  transform: translate(-50%, -50%);
  top: 51%;
  left: 25%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("../images/common/mian_iconS.png");
  transition: 0.6s;
}
.siteDrawer__ctaBtnOutline {
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .siteDrawer__ctaBtnOutline:hover {
    background-color: #383434;
    color: #fff;
  }
  .siteDrawer__ctaBtnOutline:hover::after {
    background-image: url("../images/common/mian_icon.png");
  }
}
.siteDrawer__right {
  width: 50%;
  transform: translateX(24px);
  opacity: 0;
  transition: transform 0.54s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.38s ease;
}
.siteDrawer.is-open .siteDrawer__left, .siteDrawer.is-open .siteDrawer__right {
  transform: translateX(0);
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  .siteDrawer {
    transition: none;
  }
  .siteDrawer__inner, .siteDrawer__left, .siteDrawer__right {
    transition: none;
    opacity: 1;
  }
}
.siteDrawer__close {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 90px;
  height: 90px;
  background: #1544A3;
  cursor: pointer;
  z-index: 11;
  border-bottom-left-radius: 20px;
}
.siteDrawer__close::before, .siteDrawer__close::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 40px;
  height: 1px;
  background: #fff;
  transform-origin: center;
}
.siteDrawer__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.siteDrawer__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.siteDrawer__close {
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .siteDrawer__close:hover {
    background: #87BAED;
  }
}
.siteDrawer__categories {
  display: flex;
  flex-direction: column;
}
.siteDrawer__categoryArea1 {
  display: block;
  width: 100%;
  height: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #4991D8;
  position: relative;
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .siteDrawer__categoryArea1:hover {
    background-color: #5FA6EB;
  }
}
.siteDrawer__categoryArea2 {
  display: block;
  width: 100%;
  height: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #87BAED;
  position: relative;
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .siteDrawer__categoryArea2:hover {
    background-color: #5FA6EB;
  }
}
.siteDrawer__categoryText {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 10rem;
  font-weight: bold;
  color: #5398DD;
  position: absolute;
  bottom: -24px;
  left: 0;
}
.siteDrawer__categoryText.u-02 {
  color: #79B2EA;
}
.siteDrawer__categoryBtn {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .siteDrawer__categoryBtn {
    font-size: 14px;
    line-height: 1.8;
  }
}
.siteDrawer__categoryBtn {
  font-weight: bold;
  color: #fff;
  position: relative;
  font-size: 2.2rem;
  padding-right: 78px;
}
.siteDrawer__categoryBtn::before {
  position: absolute;
  content: "";
  width: 56px;
  height: 56px;
  top: 50%;
  left: 90%;
  background-image: url("../images/common/bnt_header.png");
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: 0.6s;
}

.logged-in .siteHeader {
  top: 32px;
}

@media screen and (max-width: 768px) {
  .siteHeaderSp__wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 64px;
    background-color: #fff;
    padding: 14px 0 14px 15px;
  }
  .siteHeaderSp__logo {
    width: 230px;
  }
  .siteHeaderSp__menu {
    width: 65px;
    height: 65px;
    border-bottom-left-radius: 20px;
    top: 0;
    position: absolute;
    background: #1544A3;
    position: relative;
    cursor: pointer;
    padding: 0;
    transition: 0.6s;
  }
  .siteHeaderSp__menu::before, .siteHeaderSp__menu::after {
    content: "";
    position: absolute;
    left: 30%;
    top: 55%;
    width: 30px;
    height: 1px;
    background: #fff;
  }
  .siteHeaderSp__menu::before {
    top: 45%;
  }
  .siteDrawerSp {
    position: fixed;
    inset: 0;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.42);
    transition: opacity 0.28s ease, visibility 0.28s ease;
  }
  .siteDrawerSp__inner {
    position: absolute;
    inset: 0;
    background: #fff;
    transform: translate3d(0, -10px, 0);
    opacity: 0;
    transition: transform 0.34s cubic-bezier(0.2, 0.9, 0.2, 1), opacity 0.24s ease;
    will-change: transform, opacity;
  }
  .siteDrawerSp__innerWrap {
    position: relative;
    height: 100%;
  }
  .siteDrawerSp.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  .siteDrawerSp.is-open .siteDrawerSp__inner {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  .siteDrawerSp__close {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 65px;
    height: 65px;
    background: #1544A3;
    cursor: pointer;
    z-index: 11;
    border-bottom-left-radius: 20px;
  }
  .siteDrawerSp__close::before, .siteDrawerSp__close::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 40px;
    height: 1px;
    background: #fff;
    transform-origin: center;
  }
  .siteDrawerSp__close::before {
    transform: translate(-50%, -50%) rotate(45deg);
  }
  .siteDrawerSp__close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  .siteDrawerSp__logo {
    padding: 16px 0 16px 15px;
  }
  .siteDrawerSp__logoLink {
    display: block;
    width: 230px;
  }
  .siteDrawerSp__nav {
    padding: 30px 10px 0;
  }
  .siteDrawerSp__navListLink {
    display: block;
    font-size: 1.6rem;
    line-height: 1.8;
    letter-spacing: 0.05em;
    text-align: justify;
    color: #111;
    font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: 500;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    padding: 8px 0;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .siteDrawerSp__navListLink {
    font-size: 14px;
    line-height: 1.8;
  }
}
@media screen and (max-width: 768px) {
  .siteDrawerSp__cta {
    margin-top: 20px;
  }
  .siteDrawerSp__ctaBtn {
    font-size: 1.6rem;
    line-height: 1.8;
    letter-spacing: 0.05em;
    text-align: justify;
    color: #111;
    font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: 500;
    font-weight: bold;
    border-radius: 30px;
    padding: 8px 16px 10px;
    text-align: center;
    display: block;
    width: 240px;
    font-size: 16px;
    margin: 0 auto 10px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .siteDrawerSp__ctaBtn {
    font-size: 14px;
    line-height: 1.8;
  }
}
@media screen and (max-width: 768px) {
  .siteDrawerSp__ctaBtnLight {
    border: 1px solid #1544A3;
    color: #1544A3;
  }
  .siteDrawerSp__ctaBtnOutline {
    border: 1px solid #383434;
    background: #fff;
    color: #111;
    padding-left: 36px;
    position: relative;
  }
  .siteDrawerSp__ctaBtnOutline::after {
    position: absolute;
    transition: 0.6s;
    content: "";
    width: 18px;
    height: 14px;
    transform: translate(-50%, -50%);
    top: 51%;
    left: 25%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("../images/common/mian_iconS.png");
  }
  .siteDrawerSp__categories {
    position: absolute;
    display: flex;
    width: 100%;
    bottom: 0;
  }
  .siteDrawerSp__categoryArea1 {
    width: 50%;
    height: 23.47vw;
    max-height: 88px;
    background-color: #5FA6EB;
  }
  .siteDrawerSp__categoryArea2 {
    width: 50%;
    height: 23.47vw;
    max-height: 88px;
    background-color: #87BAED;
  }
  .siteDrawerSp__categoryBtn {
    font-size: 1.6rem;
    line-height: 1.8;
    letter-spacing: 0.05em;
    text-align: justify;
    color: #111;
    font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .siteDrawerSp__categoryBtn {
    font-size: 14px;
    line-height: 1.8;
  }
}
/*====================================================================
siteFooter
====================================================================*/
.siteFooter {
  position: relative;
  margin-top: 20rem;
}
@media screen and (max-width: 768px) {
  .siteFooter {
    margin-top: 140px;
  }
}
.siteFooter.lower {
  margin-top: 140px;
}
@media screen and (max-width: 768px) {
  .siteFooter.lower {
    margin-top: 80px;
  }
}
.siteFooter__wrap {
  max-width: 1240px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .siteFooter__wrap {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.siteFooter__wrap {
  max-width: 1240px;
}
@media screen and (max-width: 768px) {
  .siteFooter__wrap {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
.siteFooter__wrapBox {
  background-color: #1544A3;
  padding: 50px 40px;
  border-radius: 20px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .siteFooter__wrapBox {
    display: block;
    padding: 60px 20px 70px;
    border-radius: 12px;
  }
}
.siteFooter__title {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .siteFooter__title {
    font-size: 14px;
    line-height: 1.8;
  }
}
.siteFooter__title {
  font-size: 3.2rem;
  color: #fff;
  font-weight: bold;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .siteFooter__title {
    font-size: 24px;
    text-align: center;
    font-weight: 500;
  }
}
.siteFooter__msgArea {
  width: 160px;
  margin: 24px 0 30px;
}
@media screen and (max-width: 768px) {
  .siteFooter__msgArea {
    width: 120px;
    margin: 30px auto 30px;
  }
}
.siteFooter__msg {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .siteFooter__msg {
    font-size: 14px;
    line-height: 1.8;
  }
}
.siteFooter__msg {
  color: #1544A3;
  background-color: #87BAED;
  text-align: center;
  font-weight: bold;
  border-radius: 20px;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .siteFooter__msg {
    background-color: #A2D0FF;
    font-size: 12px;
    padding: 2px 0 3px;
  }
}
.siteFooter__telAreaText {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .siteFooter__telAreaText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.siteFooter__telAreaText {
  font-size: 1.3rem;
  color: #87BAED;
  font-weight: 500;
  margin-bottom: 6px;
}
@media screen and (max-width: 768px) {
  .siteFooter__telAreaText {
    font-size: 12px;
    text-align: center;
    color: #A2D0FF;
  }
}
.siteFooter__telArea {
  display: flex;
}
@media screen and (max-width: 768px) {
  .siteFooter__telArea {
    flex-direction: column;
    align-items: center;
  }
}
.siteFooter__telAreaList {
  margin-right: 30px;
}
@media screen and (max-width: 768px) {
  .siteFooter__telAreaList {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.siteFooter__telAreaTel {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 2.8rem;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .siteFooter__telAreaTel {
    font-size: 28px;
  }
}
@media screen and (max-width: 768px) {
  .siteFooter__bntAreaList {
    margin-top: 20px;
  }
}
.siteFooter__bntArea {
  width: 40rem;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .siteFooter__bntArea {
    width: 100%;
    max-width: 100%;
  }
}
.siteFooter__bntAreaLink {
  display: block;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .siteFooter__bntAreaLink {
    font-size: 14px;
    line-height: 1.8;
  }
}
.siteFooter__bntAreaLink {
  font-size: 2.2rem;
  font-weight: bold;
  border-radius: 6px;
  background-color: #fff;
  padding: 16px 0 16px 30px;
  position: relative;
}
.siteFooter__bntAreaLink::after {
  position: absolute;
  transition: 0.6s;
  content: "";
  width: 34px;
  height: 34px;
  top: 19px;
  right: 25px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("../images/common/arrow_bnt.png");
  transition: 0.6s;
}
.siteFooter__bntAreaLink {
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .siteFooter__bntAreaLink:hover {
    background-color: #87BAED;
    color: #fff;
  }
  .siteFooter__bntAreaLink:hover::after {
    background-image: url("../images/common/arrow_bntW.png");
  }
}
.siteFooter__wrapLinkArea {
  display: flex;
  padding: 4rem 0;
  justify-content: space-between;
  border-bottom: 1px solid #EDF1F5;
}
@media screen and (max-width: 768px) {
  .siteFooter__wrapLinkArea {
    display: block;
    padding: 40px 20px 20px;
  }
}
@media screen and (max-width: 768px) {
  .siteFooter__wrapLinkListArea {
    display: flex;
    padding: 30px 0 0;
  }
}
.siteFooter__logoLink {
  display: block;
  width: 31.25vw;
  max-width: 400px;
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .siteFooter__logoLink:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 768px) {
  .siteFooter__logoLink {
    width: 100%;
    max-width: 320px;
  }
}
.siteFooter__wrapLinkList {
  display: flex;
  justify-content: end;
}
@media screen and (max-width: 768px) {
  .siteFooter__wrapLinkList {
    display: block;
    width: 50%;
  }
  .siteFooter__wrapLinkList.u-02 {
    margin-top: 30px;
  }
}
.siteFooter__wrapLink {
  display: block;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .siteFooter__wrapLink {
    font-size: 14px;
    line-height: 1.8;
  }
}
.siteFooter__wrapLink {
  font-size: 1.4rem;
  margin: 5px 10px;
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .siteFooter__wrapLink:hover {
    color: #1544A3;
  }
}
@media screen and (max-width: 768px) {
  .siteFooter__wrapLink {
    font-size: 14px;
  }
}
.siteFooter__wrapInner {
  display: flex;
  justify-content: space-between;
  padding: 4rem 0;
}
@media screen and (max-width: 768px) {
  .siteFooter__wrapInner {
    display: block;
    padding: 16px 0;
  }
}
.siteFooter__wrapInnerList {
  display: flex;
}
@media screen and (max-width: 768px) {
  .siteFooter__wrapInnerList {
    padding: 0 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid #EDF1F5;
  }
}
.siteFooter__wrapInnerLink {
  display: block;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .siteFooter__wrapInnerLink {
    font-size: 14px;
    line-height: 1.8;
  }
}
.siteFooter__wrapInnerLink {
  font-size: 1.4rem;
  margin: 5px 10px;
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .siteFooter__wrapInnerLink:hover {
    color: #1544A3;
  }
}
@media screen and (max-width: 768px) {
  .siteFooter__wrapInnerLink.u-02 {
    margin-left: 60px;
  }
}
.siteFooter__wrapInnerCopy {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .siteFooter__wrapInnerCopy {
    font-size: 14px;
    line-height: 1.8;
  }
}
.siteFooter__wrapInnerCopy {
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .siteFooter__wrapInnerCopy {
    padding-top: 18px;
    padding-left: 28px;
  }
}

/*====================================================================
breadArea
====================================================================*/
.breadArea {
  max-width: 1080px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .breadArea {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.breadArea {
  margin-top: 100px !important;
}
.breadArea.page-id-130 {
  margin-top: 18px;
}
@media screen and (max-width: 768px) {
  .breadArea {
    display: none;
  }
}
.breadArea__innerArea {
  padding: 30px 0 14px;
}
@media screen and (max-width: 768px) {
  .breadArea__innerArea {
    padding: 10px 15px;
    background-color: #1544A3;
  }
}
.breadArea__innerArea__pageList {
  display: flex;
}
@media screen and (max-width: 768px) {
  .breadArea__innerArea__pageList {
    flex-wrap: wrap;
  }
}
.lang-en .breadArea__innerArea__pageList {
  flex-wrap: wrap;
}
.breadArea__innerArea__pageList__item__link, .breadArea__innerArea__pageList__item {
  font-size: 15px;
  line-height: 1.4;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .breadArea__innerArea__pageList__item__link, .breadArea__innerArea__pageList__item {
    font-size: 14px;
    line-height: 1.8;
  }
}
.breadArea__innerArea__pageList__item__link, .breadArea__innerArea__pageList__item {
  position: relative;
}
.breadArea__innerArea__pageList__item__link::before, .breadArea__innerArea__pageList__item::before {
  content: "";
  width: 10px;
  height: 10px;
  content: "";
  width: 7px;
  height: 7px;
  display: block;
  border-right: 1px solid #383434;
  border-bottom: 1px solid #383434;
  display: block;
  position: absolute;
  top: 31%;
  left: -22px;
  border-right: 1px solid #707070;
  border-bottom: 1px solid #707070;
  transform: translate(-100%, -50%);
  transform: rotate(-44deg);
}
.breadArea__innerArea__pageList__item__link:nth-child(1), .breadArea__innerArea__pageList__item:nth-child(1) {
  margin-left: 0;
}
.breadArea__innerArea__pageList__item__link:nth-child(1)::before, .breadArea__innerArea__pageList__item:nth-child(1)::before {
  display: none;
}
@media screen and (max-width: 768px) {
  .breadArea__innerArea__pageList__item__link, .breadArea__innerArea__pageList__item {
    color: #fff;
  }
  .breadArea__innerArea__pageList__item__link::before, .breadArea__innerArea__pageList__item::before {
    width: 5px;
    height: 5px;
    top: 5px;
    left: -14px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
}
.breadArea__innerArea__pageList__item__link {
  display: block;
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .breadArea__innerArea__pageList__item__link:hover {
    color: #1544A3;
  }
}
.breadArea__innerArea__pageList__item {
  margin-left: 30px;
}
.breadArea__innerArea__pageList__item br {
  display: none;
}
@media screen and (max-width: 768px) {
  .breadArea__innerArea__pageList__item {
    margin-left: 18px;
  }
}

.breadArea__innerArea__pageList {
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .breadArea__innerArea__pageList {
    color: #fff;
  }
}
.breadArea__innerArea__pageList span a span {
  display: block;
  font-size: 15px;
  line-height: 1.4;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .breadArea__innerArea__pageList span a span {
    font-size: 14px;
    line-height: 1.8;
  }
}
.breadArea__innerArea__pageList span a span {
  position: relative;
  padding: 0 10px;
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .breadArea__innerArea__pageList span a span:hover {
    color: #1544A3;
  }
}
.breadArea__innerArea__pageList span a span {
  cursor: pointer;
}
.breadArea__innerArea__pageList span a span::before {
  content: "";
  width: 10px;
  height: 10px;
  content: "";
  width: 7px;
  height: 7px;
  display: block;
  border-right: 1px solid #383434;
  border-bottom: 1px solid #383434;
  display: block;
  position: absolute;
  top: 31%;
  left: -22px;
  border-right: 1px solid #707070;
  border-bottom: 1px solid #707070;
  transform: translate(-100%, -50%);
  transform: rotate(-44deg);
}
.breadArea__innerArea__pageList span a span:nth-child(1) {
  margin-left: 0;
}
.breadArea__innerArea__pageList span a span:nth-child(1)::before {
  display: none;
}
@media screen and (max-width: 768px) {
  .breadArea__innerArea__pageList span a span {
    color: #fff;
  }
  .breadArea__innerArea__pageList span a span::before {
    width: 5px;
    height: 5px;
    top: 5px;
    left: -14px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
}

.breadArea__innerArea__pageList span span {
  display: block;
  font-size: 15px;
  line-height: 1.4;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .breadArea__innerArea__pageList span span {
    font-size: 14px;
    line-height: 1.8;
  }
}
.breadArea__innerArea__pageList span span {
  position: relative;
  padding: 0 10px;
}
.breadArea__innerArea__pageList span span::before {
  content: "";
  width: 10px;
  height: 10px;
  content: "";
  width: 7px;
  height: 7px;
  display: block;
  border-right: 1px solid #383434;
  border-bottom: 1px solid #383434;
  display: block;
  position: absolute;
  top: 31%;
  left: -22px;
  border-right: 1px solid #707070;
  border-bottom: 1px solid #707070;
  transform: translate(-100%, -50%);
  transform: rotate(-44deg);
}
.breadArea__innerArea__pageList span span:nth-child(1) {
  margin-left: 0;
}
.breadArea__innerArea__pageList span span:nth-child(1)::before {
  display: none;
}
@media screen and (max-width: 768px) {
  .breadArea__innerArea__pageList span span {
    color: #fff;
  }
  .breadArea__innerArea__pageList span span::before {
    width: 5px;
    height: 5px;
    top: 5px;
    left: -14px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
}

/*====================================================================
.lowerBoxSec
====================================================================*/
.lowerBoxSec {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("../images/lower/network/network-thumb01.jpg");
}
.lowerBoxSec__wrap {
  max-width: 1080px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .lowerBoxSec__wrap {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.lowerBoxSec__wrap {
  padding: 160px 20px;
}
@media screen and (max-width: 768px) {
  .lowerBoxSec__wrap {
    padding: 120px 20px 100px;
  }
}
.lowerBoxSec__textAreaTitle {
  font-size: 6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .lowerBoxSec__textAreaTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.lowerBoxSec__textAreaTitle {
  color: #fff;
  line-height: 1;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .lowerBoxSec__textAreaTitle {
    line-height: 1;
    margin-bottom: 10px;
    font-weight: 500;
  }
}
.lowerBoxSec__textAreaText {
  font-size: 2.4rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .lowerBoxSec__textAreaText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.lowerBoxSec__textAreaText {
  color: #fff;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .lowerBoxSec__textAreaText {
    font-size: 1.8rem;
  }
}

/*====================================================================
.lowerThirdBoxSec
====================================================================*/
.lowerThirdBoxSec {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("../images/lower/network/network-thumb01.jpg");
  margin-top: 110px;
}
@media screen and (max-width: 768px) {
  .lowerThirdBoxSec {
    margin-top: 0;
  }
}
.lowerThirdBoxSec__wrap {
  max-width: 1100px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .lowerThirdBoxSec__wrap {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.lowerThirdBoxSec__wrap {
  padding: 160px 20px;
}
@media screen and (max-width: 768px) {
  .lowerThirdBoxSec__wrap {
    padding: 70px 20px;
  }
}
.lowerThirdBoxSec__textAreaTitle {
  font-size: 3.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .lowerThirdBoxSec__textAreaTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.lowerThirdBoxSec__textAreaTitle {
  color: #fff;
  line-height: 1.4;
  font-weight: bold;
}
.lowerThirdBoxSec__textAreaText {
  font-size: 2.4rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .lowerThirdBoxSec__textAreaText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.lowerThirdBoxSec__textAreaText {
  color: #fff;
  font-weight: bold;
}

/*====================================================================
errorPageContentSec
====================================================================*/
.errorPageContentSec {
  padding: 100px 0 30px;
}
@media screen and (max-width: 768px) {
  .errorPageContentSec {
    padding: 100px 0 50px;
  }
}
.errorPageContentSec {
  max-width: 1080px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .errorPageContentSec {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.errorPageContentSec__innerArea__text {
  font-size: 20px;
  line-height: 2;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .errorPageContentSec__innerArea__text {
    font-size: 14px;
    line-height: 1.8;
  }
}
.errorPageContentSec__innerArea__bnrArea {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
  margin-top: 40px;
}
.errorPageContentSec__innerArea__bnrArea__bnr {
  width: 300px;
}
@media screen and (max-width: 768px) {
  .errorPageContentSec__innerArea__bnrArea__bnr {
    width: 100%;
  }
}

/*====================================================================
visionPageSec
====================================================================*/
.visionPageSec strong, .visionPageSec strong * {
  font-weight: bold;
}
.visionPageSec em, .visionPageSec em * {
  font-style: italic;
}
.visionPageSec ul {
  list-style-type: disc;
  padding-left: 20px;
}
.visionPageSec ol {
  list-style-type: decimal;
  padding-left: 20px;
}
.visionPageSec hr {
  width: 100%;
  height: 1px;
  display: block;
  background: #383434;
}
.visionPageSec h1, .visionPageSec h2, .visionPageSec h3, .visionPageSec h4, .visionPageSec h5, .visionPageSec h6 {
  font-weight: bold;
}
.visionPageSec h1 {
  font-size: 32px;
  line-height: 1.4;
}
.visionPageSec h2 {
  margin-top: 2em;
  font-size: 27px;
  line-height: 1.6;
}
.visionPageSec h3 {
  font-size: 22px;
  line-height: 1.6;
}
.visionPageSec h4, .visionPageSec h5, .visionPageSec h6 {
  font-size: 16px;
  line-height: 1.6;
}
.visionPageSec h1 + h2,
.visionPageSec h2 + h3,
.visionPageSec h3 + h4,
.visionPageSec h4 + h5,
.visionPageSec h5 + h6 {
  margin-top: 0.5em;
}
.visionPageSec img {
  max-width: 100%;
  height: auto;
  width: 100%;
}
.visionPageSec img.alignnone, .visionPageSec img.alignleft {
  margin-top: 2em;
}
.visionPageSec img.aligncenter {
  display: block;
  margin: 2em auto 0;
}
.visionPageSec img.alignright {
  display: block;
  margin: 2em 0 0 auto;
}

blockquote {
  color: #191919;
  background-color: #f2f2f2;
  position: relative;
  margin-top: 2rem;
  padding: 20px 20px 20px 70px;
}
@media screen and (max-width: 768px) {
  blockquote {
    padding: 20px 40px 20px 50px;
  }
}

blockquote::before {
  color: #C8C8C8;
  content: "“";
  font-family: serif;
  font-size: 600%;
  left: 0;
  line-height: 1em;
  position: absolute;
  top: 0;
}

blockquote:after {
  color: #C8C8C8;
  content: "”";
  font-family: serif;
  font-size: 600%;
  line-height: 0;
  position: absolute;
  right: 0;
  bottom: -10px;
}

/*====================================================================
pagerAreaSec
====================================================================*/
.pagerAreaSec {
  padding-top: 10px;
  margin: 0px auto 20px;
}
.pagerAreaSec__list {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  justify-content: center;
  align-items: center;
}
.pagerAreaSec__list__item {
  padding: 0 5px;
}
.pagerAreaSec__list__itemLink {
  display: block;
  text-align: center;
  width: 33px;
  padding: 4px 2px 4px 3px;
  color: #383434;
  border: 1px solid #383434;
  font-size: 2rem;
  line-height: 1;
}
.pagerAreaSec__list__itemLink.is-here {
  background-color: #E4E4E4;
}
@media screen and (min-width: 769px) {
  .pagerAreaSec__list__itemLink.is-here:hover {
    opacity: 0.6;
  }
}
.pagerAreaSec__list__itemLink {
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .pagerAreaSec__list__itemLink:hover {
    background-color: #E4E4E4;
  }
}

/*====================================================================
loadedArea
====================================================================*/
#loading {
  width: 100vw;
  height: 100vh;
  background-color: #383434;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 400;
}

#loading img {
  width: 50vw;
  max-width: 928px;
}
@media screen and (max-width: 768px) {
  #loading img {
    width: 188px;
  }
}

/********************
loading effects
********************/
.loadingAnim {
  position: fixed;
  z-index: 600;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
}

.loadingAnim:before,
.loadingAnim:after {
  line-height: 1;
  position: fixed;
  z-index: 99;
  right: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 50%;
  margin-right: auto;
  margin-left: auto;
  content: " ";
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  transition-delay: 0.3s;
  background-color: #383434;
}

.loadingAnim:before {
  top: 0;
}

.loadingAnim:after {
  bottom: 0;
}

.loaded .loadingAnim:before {
  height: 0;
  -webkit-transform: translateY(-1%);
  -ms-transform: translateY(-1%);
  transform: translateY(-1%);
}

.loaded .loadingAnim:after {
  height: 0;
  -webkit-transform: translateY(1%);
  -ms-transform: translateY(1%);
  transform: translateY(1%);
}

.loadingAnim_line {
  line-height: 1;
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: inline-block;
  overflow: hidden;
  width: 420px;
  height: 1.25em;
  margin: auto;
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  transition-delay: 0.6s;
  text-align: center;
}

.loadingAnim_line:after {
  position: absolute;
  z-index: 100;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 0;
  height: 100%;
  margin: auto auto auto 0;
  content: " ";
  animation: loadingAnim 2s ease-in-out 0.1s infinite normal backwards;
  background-color: #fff;
  will-change: transform, width;
}

.loadingAnim_line:before {
  font-family: "Poppins", sans-serif;
  font-size: 1.25em;
  font-weight: bold;
  font-style: normal;
  line-height: 1;
  display: block;
  content: "";
  animation: loadingAnim_text 1s ease 0.1s infinite alternate both;
  letter-spacing: 0.5em;
  color: #fff;
  will-change: opacity;
}

.loaded .loadingAnim_line {
  overflow: hidden;
  height: 0;
}

.loaded .loadingAnim_line:after,
.loaded .loadingAnim_line:before {
  -webkit-animation: none;
  animation: none;
}

.loaded .loadingAnim_line:before {
  content: "";
}

/********************
animation setting
********************/
@-webkit-keyframes loadingAnim {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
    -webkit-transform: translate(100%);
    transform: translate(100%);
  }
}
@keyframes loadingAnim {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
    -webkit-transform: translate(100%);
    transform: translate(100%);
  }
}
@-webkit-keyframes loadingAnim_text {
  0% {
    opacity: 1;
    color: #cba166;
  }
  50% {
    color: #333;
  }
  100% {
    opacity: 0.5;
    color: #fff;
  }
}
@keyframes loadingAnim_text {
  0% {
    opacity: 1;
    color: #cba166;
  }
  50% {
    color: #333;
  }
  100% {
    opacity: 0.5;
    color: #fff;
  }
}
/* Loading背景画面設定　*/
#splash {
  /*fixedで全面に固定*/
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 999;
  top: 0;
  left: 0;
  background: #333;
  text-align: center;
  color: #fff;
  display: none;
}

/* Loading画像中央配置　*/
#splash_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Loading アイコンの大きさ設定　*/
#splash_logo img {
  max-width: 888px;
  width: 42vw;
}

/* Loading画像中央配置　*/
#splash_text {
  position: absolute;
  top: 54%;
  left: 44%;
  transform: translate(-50%, -50%);
}

/* Loading アイコンの大きさ設定　*/
#splash_text img {
  max-width: 240px;
  width: 38vw;
}

.loading__warpText {
  z-index: 333;
}

/*====================================================================
tagArea
====================================================================*/
.tagArea__wrap {
  max-width: 1080px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .tagArea__wrap {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.tagArea__wrap {
  background-color: #E8E8E8;
  padding: 30px 35px;
}
.tagArea__list {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
}
.tagArea__item {
  margin-right: 15px;
  margin-bottom: 5px;
}
.tagArea__link {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .tagArea__link {
    font-size: 14px;
    line-height: 1.8;
  }
}
.tagArea__link {
  transition: 0.6s;
  color: #273232;
  border-bottom: 1px solid #E8E8E8;
}
@media screen and (min-width: 769px) {
  .tagArea__link:hover {
    color: #1544A3;
    border-bottom: 1px solid #1544A3;
  }
}

/*====================================================================
topPageFvSec
====================================================================*/
.topPageFvSec__wrap {
  position: relative;
}
.topPageFvSec__wrapTitleArea {
  position: absolute;
  bottom: 180px;
  left: 6%;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .topPageFvSec__wrapTitleArea {
    bottom: 25%;
    margin-bottom: 15px;
  }
}
.topPageFvSec__wrapTitle {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .topPageFvSec__wrapTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.topPageFvSec__wrapTitle {
  font-size: 6.8rem;
  font-weight: bold;
  color: #5FA6EB;
  letter-spacing: 0.05rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .topPageFvSec__wrapTitle {
    font-size: 44px;
    line-height: 1;
  }
}
.topPageFvSec__wrapTitleAreaEn {
  position: absolute;
  bottom: 120px;
  left: 6%;
  transform: translate(0%, 0%);
}
@media screen and (max-width: 1100px) {
  .topPageFvSec__wrapTitleAreaEn {
    bottom: 20%;
  }
}
.topPageFvSec__wrapTitleChar {
  display: inline-block;
  opacity: 0;
  transition: opacity 0.15s ease, color 0.15s ease;
  font-size: 6.8rem;
  font-weight: bold;
  letter-spacing: 0.05rem;
  line-height: 1.5;
}
.topPageFvSec__wrapTitleChar.is-visible {
  opacity: 1;
}
.topPageFvSec__wrapTitleChar.is-blue {
  color: #31B0FF;
}
.topPageFvSec__wrapTitleChar.is-white {
  color: #fff;
}
@media screen and (max-width: 768px) {
  .topPageFvSec__wrapTitleChar {
    font-size: 4.4rem;
  }
}
.topPageFvSec__wrapTitleEN {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.1em;
  color: #5FA6EB;
}
@media screen and (max-width: 768px) {
  .topPageFvSec__wrapTitleEN {
    font-size: 16px;
  }
}
.topPageFvSec__wrapTitleENChar {
  display: inline-block;
  opacity: 0;
  transition: opacity 0.15s ease, color 0.15s ease;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.1em;
}
.topPageFvSec__wrapTitleENChar.is-visible {
  opacity: 1;
}
.topPageFvSec__wrapTitleENChar.is-blue {
  color: #31B0FF;
}
.topPageFvSec__wrapTitleENChar.is-white {
  color: #fff;
}
@media screen and (max-width: 768px) {
  .topPageFvSec__wrapTitleENChar {
    font-size: 16px;
  }
}
.topPageFvSec__wrapMv {
  z-index: -1;
  aspect-ratio: 1920/1080;
}
@media screen and (max-width: 768px) {
  .topPageFvSec__wrapMv {
    aspect-ratio: 750/1334;
  }
}
.topPageFvSec__wrapMvImg {
  width: 100%;
  height: auto;
  display: block;
}

/*====================================================================
topPagePersonalSec
====================================================================*/
.topPagePersonalSec {
  position: relative;
  margin-top: -90px;
  z-index: 11;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .topPagePersonalSec {
    margin-top: -36px;
  }
}
.topPagePersonalSec__wrap {
  border-radius: 50px 50px 0 0;
  background-color: #5FA6EB;
  padding: 9rem 0 22rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .topPagePersonalSec__wrap {
    border-radius: 20px 20px 0 0;
    padding: 61px 20px 100px;
    overflow: hidden;
  }
}
.topPagePersonalSec__En {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 16rem;
  font-weight: bold;
  position: absolute;
  top: -34%;
  right: 0;
  color: #70B0EF;
  z-index: 1;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .topPagePersonalSec__En {
    top: -7px;
    right: -5px;
    font-size: 84px;
  }
}
.topPagePersonalSec__inner {
  max-width: 1080px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .topPagePersonalSec__inner {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.topPagePersonalSec__inner {
  display: flex;
  justify-content: space-between;
  position: relative;
}
@media screen and (max-width: 768px) {
  .topPagePersonalSec__inner {
    flex-direction: column;
    align-items: center;
    padding: 0;
  }
}
.topPagePersonalSec__innerPixArea {
  z-index: 10;
  overflow: hidden;
  width: 45rem;
  height: 31rem;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .topPagePersonalSec__innerPixArea {
    width: 100%;
    height: 100%;
  }
}
.topPagePersonalSec__innerImg {
  transition: 0.6s;
}
.topPagePersonalSec__innerTitle {
  z-index: 10;
  position: relative;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .topPagePersonalSec__innerTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.topPagePersonalSec__innerTitle {
  font-size: 3.8rem;
  font-weight: bold;
  letter-spacing: 0.05rem;
  margin-bottom: 2.5rem;
  color: #fff;
}
.topPagePersonalSec__innerTitle.is-grad-animated {
  background: linear-gradient(90deg, #fff 0% 42%, #31B0FF 50%, #fff 58% 100%);
  background-size: 300% 100%;
  background-position: 0% 0;
  background-repeat: no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: gradMove 2.4s ease forwards;
}
@media screen and (max-width: 768px) {
  .topPagePersonalSec__innerTitle {
    text-align: center;
    font-size: 26px;
  }
}
.topPagePersonalSec__innerTitleArea {
  width: calc(100% - 500px);
  margin-left: 48px;
}
@media screen and (max-width: 768px) {
  .topPagePersonalSec__innerTitleArea {
    width: 100%;
    margin-left: 0;
    margin-top: 2rem;
  }
}
.topPagePersonalSec__innerTexe {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .topPagePersonalSec__innerTexe {
    font-size: 14px;
    line-height: 1.8;
  }
}
.topPagePersonalSec__innerTexe {
  color: #fff;
  margin-bottom: 3.5rem;
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .topPagePersonalSec__innerTexe {
    font-size: 14px;
  }
}
.topPagePersonalSec__innerBnt {
  display: block;
  margin-left: auto;
  width: 190px;
}
.topPagePersonalSec__innerBntLink {
  display: block;
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  padding: 19px 60px 18px 30px;
  border: 1px solid #fff;
  font-weight: bold;
  background-color: #fff;
  transition: 0.6s;
  position: relative;
  border-radius: 34px;
  color: #1544A3;
  font-size: 1.6rem;
}
.topPagePersonalSec__innerBntLink::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 84%;
  width: 20px;
  height: 10px;
  transform: translate(-50%, -50%);
  background-image: url("../images/common/arrow_b.png");
  transition: 0.4s;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: 0.6s;
}
.topPagePersonalSec__innerBntLink {
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .topPagePersonalSec__innerBntLink:hover {
    background-color: #5FA6EB;
    color: #fff;
  }
  .topPagePersonalSec__innerBntLink:hover::after {
    left: 86%;
    background-image: url("../images/common/arrow.png");
  }
}
@media screen and (max-width: 768px) {
  .topPagePersonalSec__innerBntLink {
    font-size: 14px;
    font-weight: bold;
    padding: 17px 60px 15px 30px;
  }
}
@media screen and (max-width: 768px) {
  .topPagePersonalSec__innerBnt {
    margin: 40px auto 0;
  }
}
.topPagePersonalSec__inner:has(.topPagePersonalSec__innerBntLink:hover) .topPagePersonalSec__innerImg {
  transform: scale(1.05);
  transition: 0.5s linear;
}

@keyframes gradMove {
  from {
    background-position: 0% 0;
  }
  to {
    background-position: 100% 0;
  }
}
/*====================================================================
topPageCorporationSec
====================================================================*/
.topPageCorporationSec {
  position: relative;
  margin-top: -90px;
  z-index: 11;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .topPageCorporationSec {
    margin-top: -36px;
  }
}
.topPageCorporationSec__wrap {
  border-radius: 50px 50px 0 0;
  background-color: #87BAED;
  padding: 9rem 0 22rem;
}
@media screen and (max-width: 768px) {
  .topPageCorporationSec__wrap {
    border-radius: 20px 20px 0 0;
    padding: 60px 20px 160px;
  }
}
.topPageCorporationSec__En {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 16rem;
  font-weight: bold;
  position: absolute;
  top: -34%;
  left: 0;
  color: #79B2EA;
  z-index: 1;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .topPageCorporationSec__En {
    top: -13%;
    left: -9%;
    font-size: 76px;
    letter-spacing: -0.04em;
  }
}
.topPageCorporationSec__inner {
  max-width: 1080px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .topPageCorporationSec__inner {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.topPageCorporationSec__inner {
  display: flex;
  justify-content: space-between;
  position: relative;
}
@media screen and (max-width: 768px) {
  .topPageCorporationSec__inner {
    flex-direction: column-reverse;
    align-items: center;
    padding: 0;
  }
}
.topPageCorporationSec__innerPixArea {
  z-index: 10;
  overflow: hidden;
  width: 45rem;
  height: 31rem;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .topPageCorporationSec__innerPixArea {
    width: 100%;
    height: 100%;
  }
}
.topPageCorporationSec__innerImg {
  transition: 0.6s;
}
.topPageCorporationSec__innerTitle {
  z-index: 10;
  position: relative;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .topPageCorporationSec__innerTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.topPageCorporationSec__innerTitle {
  font-size: 3.8rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: 0.05rem;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 768px) {
  .topPageCorporationSec__innerTitle {
    text-align: center;
    font-size: 26px;
    margin-bottom: 20px;
  }
}
.topPageCorporationSec__innerTitleArea {
  width: calc(100% - 500px);
  margin-right: 48px;
}
@media screen and (max-width: 768px) {
  .topPageCorporationSec__innerTitleArea {
    width: 100%;
    margin-right: 0;
    margin-top: 2rem;
  }
}
.topPageCorporationSec__innerTexe {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .topPageCorporationSec__innerTexe {
    font-size: 14px;
    line-height: 1.8;
  }
}
.topPageCorporationSec__innerTexe {
  color: #fff;
  margin-bottom: 3.5rem;
  font-size: 1.8rem;
}
.topPageCorporationSec__innerBnt {
  display: block;
  margin-left: auto;
  width: 190px;
}
.topPageCorporationSec__innerBntLink {
  display: block;
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  padding: 19px 60px 18px 30px;
  border: 1px solid #fff;
  font-weight: bold;
  background-color: #fff;
  transition: 0.6s;
  position: relative;
  border-radius: 34px;
  color: #1544A3;
  font-size: 1.6rem;
}
.topPageCorporationSec__innerBntLink::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 84%;
  width: 20px;
  height: 10px;
  transform: translate(-50%, -50%);
  background-image: url("../images/common/arrow_b.png");
  transition: 0.4s;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: 0.6s;
}
.topPageCorporationSec__innerBntLink {
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .topPageCorporationSec__innerBntLink:hover {
    background-color: #5FA6EB;
    color: #fff;
  }
  .topPageCorporationSec__innerBntLink:hover::after {
    left: 86%;
    background-image: url("../images/common/arrow.png");
  }
}
@media screen and (max-width: 768px) {
  .topPageCorporationSec__innerBntLink {
    font-size: 14px;
    font-weight: bold;
    padding: 17px 60px 15px 30px;
  }
}
@media screen and (max-width: 768px) {
  .topPageCorporationSec__innerBnt {
    margin: 40px auto 0;
  }
}
.topPageCorporationSec__inner:has(.topPageCorporationSec__innerBntLink:hover) .topPageCorporationSec__innerImg {
  transform: scale(1.05);
  transition: 0.5s linear;
}

/*====================================================================
topPageLawyersSec
====================================================================*/
.topPageLawyersSec {
  position: relative;
  margin-top: -90px;
  z-index: 11;
  background-color: #1544A3;
  border-radius: 40px;
}
@media screen and (max-width: 768px) {
  .topPageLawyersSec {
    padding: 80px 0 136px;
    border-radius: 20px;
  }
}
.topPageLawyersSec__innerEn {
  position: absolute;
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 17rem;
  font-weight: 300;
  color: #002C83;
  bottom: 10%;
  z-index: 11;
}
@media screen and (max-width: 768px) {
  .topPageLawyersSec__innerEn {
    font-size: 110px;
    bottom: 7.5%;
    left: 0;
    font-weight: 300;
  }
}
@media screen and (max-width: 400px) {
  .topPageLawyersSec__innerEn {
    font-size: 100px;
  }
}
.topPageLawyersSec__inner {
  max-width: 1220px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .topPageLawyersSec__inner {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.topPageLawyersSec__inner {
  padding: 0 3rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .topPageLawyersSec__inner {
    flex-direction: column;
    align-items: center;
    padding: 0;
  }
}
.topPageLawyersSec__innerPix {
  max-width: 390px;
  overflow: hidden;
  border-radius: 24px;
}
@media screen and (max-width: 768px) {
  .topPageLawyersSec__innerPix {
    max-width: 100%;
    border-radius: 0;
  }
}
.topPageLawyersSec__innerImg {
  display: block;
  width: 100%;
  border-radius: 8%;
  --parallax-y: 0px;
  will-change: transform;
  transition: transform 0.15s linear;
  transform: translate3d(0, var(--parallax-y), 0) scale(1.08);
  transform-origin: center center;
}
.topPageLawyersSec__innerTitleArea {
  max-width: 340px;
}
@media screen and (max-width: 768px) {
  .topPageLawyersSec__innerTitleArea {
    width: 100%;
    max-width: 100%;
    margin-top: 40px;
  }
}
.topPageLawyersSec__wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.topPageLawyersSec__innerTitle {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .topPageLawyersSec__innerTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.topPageLawyersSec__innerTitle {
  font-size: 3.8rem;
  text-align: center;
  color: #fff;
  margin-bottom: 3rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .topPageLawyersSec__innerTitle {
    font-size: 26px;
    margin-bottom: 20px;
  }
}
.topPageLawyersSec__innerText {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .topPageLawyersSec__innerText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.topPageLawyersSec__innerText {
  font-size: 1.8rem;
  color: #fff;
  padding: 0 30px;
}
@media screen and (max-width: 768px) {
  .topPageLawyersSec__innerText {
    font-size: 14px;
    padding: 0 20px;
  }
}
.topPageLawyersSec__innerBnt {
  width: 190px;
}
.topPageLawyersSec__innerBntLink {
  display: block;
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  padding: 19px 60px 18px 30px;
  border: 1px solid #fff;
  font-weight: bold;
  background-color: #fff;
  transition: 0.6s;
  position: relative;
  border-radius: 34px;
  color: #1544A3;
  font-size: 1.6rem;
}
.topPageLawyersSec__innerBntLink::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 84%;
  width: 20px;
  height: 10px;
  transform: translate(-50%, -50%);
  background-image: url("../images/common/arrow_b.png");
  transition: 0.4s;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: 0.6s;
}
.topPageLawyersSec__innerBntLink {
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .topPageLawyersSec__innerBntLink:hover {
    background-color: #5FA6EB;
    color: #fff;
  }
  .topPageLawyersSec__innerBntLink:hover::after {
    left: 86%;
    background-image: url("../images/common/arrow.png");
  }
}
@media screen and (max-width: 768px) {
  .topPageLawyersSec__innerBntLink {
    font-size: 14px;
    font-weight: bold;
    padding: 17px 60px 15px 30px;
  }
}
.topPageLawyersSec__innerBnt {
  margin: 8rem auto 0;
}
@media screen and (max-width: 768px) {
  .topPageLawyersSec__innerBnt {
    margin: 40px auto 60px;
  }
}
.topPageLawyersSec__swiper {
  width: 390px;
  height: 1240px;
  margin: 0 auto;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .topPageLawyersSec__swiper {
    width: 100%;
    height: 100%;
  }
}
.topPageLawyersSec__swiperSlide {
  border-radius: 21px;
  overflow: hidden;
  box-sizing: border-box;
  width: 390px;
  height: 420px;
}
.topPageLawyersSec__swiperSlide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.topPageLawyersSec__swiper .swiper-wrapper {
  transition-timing-function: linear;
}
.topPageLawyersSec__swiperSp .swiper-wrapper {
  transition-timing-function: linear;
}
@media screen and (max-width: 768px) {
  .topPageLawyersSec__wrapArea.u-spDb {
    width: 100%;
    margin-top: 40px;
    padding: 0 20px;
    overflow: hidden;
  }
}
@media screen and (max-width: 768px) {
  .topPageLawyersSec__wrapSp {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .topPageLawyersSec__swiperSp {
    width: 100%;
    overflow: hidden;
  }
}
@media screen and (max-width: 768px) {
  .topPageLawyersSec__swiperSpSlide {
    height: auto;
    aspect-ratio: 390/420;
    border-radius: 12px;
    overflow: hidden;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 768px) {
  .topPageLawyersSec__swiperSpImg {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
  }
}

/*====================================================================
topPageCaseSec
====================================================================*/
.topPageCaseSec {
  padding: 300px 0 160px;
  margin: -20px auto 160px;
  background-color: #FAFAFA;
  position: relative;
}
@media screen and (max-width: 768px) {
  .topPageCaseSec {
    padding: 120px 0 60px;
    margin: -20px auto 45px;
  }
}
.topPageCaseSec__wrap {
  position: relative;
  max-width: 1160px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .topPageCaseSec__wrap {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.topPageCaseSec__title {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .topPageCaseSec__title {
    font-size: 14px;
    line-height: 1.8;
  }
}
.topPageCaseSec__title {
  font-size: 3.8rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .topPageCaseSec__title {
    font-size: 26px;
    margin-bottom: 19px;
  }
}
.topPageCaseSec__text {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .topPageCaseSec__text {
    font-size: 14px;
    line-height: 1.8;
  }
}
.topPageCaseSec__text {
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .topPageCaseSec__text {
    font-size: 14px;
  }
}
.topPageCaseSec__wrapEn {
  position: absolute;
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 17rem;
  font-weight: 400;
  color: #E7F1FB;
  right: 20px;
  top: -100px;
}
@media screen and (max-width: 768px) {
  .topPageCaseSec__wrapEn {
    font-size: 80px;
    top: -19%;
    right: 5px;
  }
}
.topPageCaseSec__inner {
  max-width: 1160px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .topPageCaseSec__inner {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.topPageCaseSec__innerBnt {
  width: 190px;
}
.topPageCaseSec__innerBntLink {
  display: block;
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  padding: 19px 60px 18px 30px;
  border: 1px solid #1544A3;
  font-weight: bold;
  background-color: #1544A3;
  transition: 0.6s;
  position: relative;
  border-radius: 34px;
  color: #fff;
  font-size: 1.6rem;
}
.topPageCaseSec__innerBntLink::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 84%;
  width: 20px;
  height: 10px;
  transform: translate(-50%, -50%);
  background-image: url("../images/common/arrow.png");
  transition: 0.4s;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: 0.6s;
}
.topPageCaseSec__innerBntLink {
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .topPageCaseSec__innerBntLink:hover {
    background-color: #5FA6EB;
    color: #fff;
    border: 1px solid #5FA6EB;
  }
  .topPageCaseSec__innerBntLink:hover::after {
    left: 86%;
  }
}
@media screen and (max-width: 768px) {
  .topPageCaseSec__innerBntLink {
    font-size: 14px;
    font-weight: bold;
    padding: 17px 60px 15px 30px;
  }
}
.topPageCaseSec__innerBnt {
  position: absolute;
  bottom: 0;
  right: 20px;
  z-index: 111;
}
@media screen and (max-width: 768px) {
  .topPageCaseSec__innerBnt {
    position: static;
    margin: 40px auto 0;
  }
}
.topPageCaseSec__innerList {
  display: flex;
  gap: 32px 32px;
  flex-wrap: wrap;
  margin-top: 64px;
}
@media screen and (max-width: 768px) {
  .topPageCaseSec__innerList {
    gap: 0;
    flex-direction: column;
    margin-top: 40px;
  }
}
.topPageCaseSec__innerItem {
  width: calc(33.333% - 21.33px);
  max-width: 352px;
}
@media screen and (max-width: 768px) {
  .topPageCaseSec__innerItem {
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .topPageCaseSec__innerItem:last-child .topPageCaseSec__innerItemLink {
    border-bottom: none;
  }
}
.topPageCaseSec__innerItemLink {
  display: block;
  background-color: #fff;
  border-radius: 20px;
  overflow: hidden;
  transition: 0.6s;
  border: 1px solid #DFE9EC;
}
@media screen and (min-width: 769px) {
  .topPageCaseSec__innerItemLink:hover .topPageCaseSec__innerItemImg img {
    transform: scale(1.08);
  }
  .topPageCaseSec__innerItemLink:hover .post__btnLinkArrowInner {
    transform: translateX(0);
  }
  .topPageCaseSec__innerItemLink:hover .topPageCaseSec__innerItemArrow--pink {
    background-color: #FF93B0;
  }
  .topPageCaseSec__innerItemLink:hover .topPageCaseSec__innerItemArrow--pink02 {
    background-color: #C13465;
  }
  .topPageCaseSec__innerItemLink:hover .topPageCaseSec__innerItemArrow--teal {
    background-color: #5AC2D5;
  }
  .topPageCaseSec__innerItemLink:hover .topPageCaseSec__innerItemArrow--purple {
    background-color: #B48DE8;
  }
  .topPageCaseSec__innerItemLink:hover .topPageCaseSec__innerItemArrow--blue {
    background-color: #4991D8;
  }
  .topPageCaseSec__innerItemLink:hover .topPageCaseSec__innerItemArrow--orange {
    background-color: #EFAB81;
  }
}
@media screen and (max-width: 768px) {
  .topPageCaseSec__innerItemLink {
    display: flex;
    align-items: center;
    gap: 0;
    border-radius: 0px;
    border: none;
    background-color: transparent;
    padding: 14px 0;
    border-bottom: 1px solid #DFE9EC;
  }
}
.topPageCaseSec__innerItemImg {
  width: 100%;
  height: 210px;
  overflow: hidden;
}
.topPageCaseSec__innerItemImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}
@media screen and (max-width: 768px) {
  .topPageCaseSec__innerItemImg {
    width: 100px;
    height: 70px;
    aspect-ratio: 1/1;
    border-radius: 6px;
    flex-shrink: 0;
  }
}
.topPageCaseSec__innerItemText {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 34px 25px 40px;
}
@media screen and (max-width: 768px) {
  .topPageCaseSec__innerItemText {
    flex: 1;
    padding: 0;
  }
}
.topPageCaseSec__innerItemTitle {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .topPageCaseSec__innerItemTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.topPageCaseSec__innerItemTitle {
  font-size: 20px;
  font-weight: bold;
  line-height: 28px;
}
@media screen and (max-width: 768px) {
  .topPageCaseSec__innerItemTitle {
    font-size: 16px;
    margin-left: 20px;
  }
}
.topPageCaseSec__innerItemArrow {
  display: inline-block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid #FF93B0;
  background-color: #fff;
  transition: 0.3s;
  overflow: hidden;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .topPageCaseSec__innerItemArrow {
    width: 40px;
    height: 40px;
  }
}
.topPageCaseSec__innerItemArrow .post__arrow {
  background: url("../images/common/arrow_case.png") center/15px no-repeat;
}
.topPageCaseSec__innerItemArrow .post__arrow:first-child {
  background: url("../images/common/arrow_w.png") center/9px no-repeat;
}
.topPageCaseSec__innerItemArrow--pink {
  border-color: #FF93B0;
}
.topPageCaseSec__innerItemArrow--pink .post__arrow:last-child {
  background-image: url("../images/common/arrow_pink.png");
}
.topPageCaseSec__innerItemArrow--pink02 {
  border-color: #C13465;
}
.topPageCaseSec__innerItemArrow--pink02 .post__arrow:last-child {
  background-image: url("../images/common/arrow_red.png");
}
.topPageCaseSec__innerItemArrow--teal {
  border-color: #5AC2D5;
}
.topPageCaseSec__innerItemArrow--teal .post__arrow:last-child {
  background-image: url("../images/common/arrow_green.png");
}
.topPageCaseSec__innerItemArrow--purple {
  border-color: #B48DE8;
}
.topPageCaseSec__innerItemArrow--purple .post__arrow:last-child {
  background-image: url("../images/common/arrow_purple.png");
}
.topPageCaseSec__innerItemArrow--blue {
  border-color: #4991D8;
}
.topPageCaseSec__innerItemArrow--blue .post__arrow:last-child {
  background-image: url("../images/common/arrow_blue.png");
}
.topPageCaseSec__innerItemArrow--orange {
  border-color: #EFAB81;
}
.topPageCaseSec__innerItemArrow--orange .post__arrow:last-child {
  background-image: url("../images/common/arrow_orange.png");
}

/*====================================================================
topPageInformationSec
====================================================================*/
.topPageInformationSec {
  margin: 0 auto 380px;
}
@media screen and (max-width: 768px) {
  .topPageInformationSec {
    margin: 0 auto 160px;
  }
}
.topPageInformationSec__wrap {
  max-width: 1160px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .topPageInformationSec__wrap {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .topPageInformationSec__wrap {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.topPageInformationSec__wrapTitleArea {
  display: flex;
  justify-self: flex-end;
  margin-bottom: 7rem;
}
@media screen and (max-width: 768px) {
  .topPageInformationSec__wrapTitleArea {
    display: block;
    padding: 0 20px;
  }
}
.topPageInformationSec__wrapEn {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 17rem;
  color: #E7F1FB;
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .topPageInformationSec__wrapEn {
    font-size: 78px;
    margin-bottom: 80px;
    margin-left: 5px;
  }
}
@media screen and (max-width: 430px) {
  .topPageInformationSec__wrapEn {
    font-size: 70px;
  }
}
@media screen and (max-width: 390px) {
  .topPageInformationSec__wrapEn {
    font-size: 68px;
  }
}
.topPageInformationSec__text {
  max-width: 440px;
}
@media screen and (max-width: 768px) {
  .topPageInformationSec__text {
    max-width: 100%;
  }
}
.topPageInformationSec__title {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .topPageInformationSec__title {
    font-size: 14px;
    line-height: 1.8;
  }
}
.topPageInformationSec__title {
  font-size: 3.8rem;
  font-weight: bold;
  margin-right: 8rem;
}
@media screen and (max-width: 768px) {
  .topPageInformationSec__title {
    margin-right: 0;
    font-size: 26px;
  }
}
.topPageInformationSec__text {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .topPageInformationSec__text {
    font-size: 14px;
    line-height: 1.8;
  }
}
.topPageInformationSec__text {
  font-size: 1.8rem;
  margin-top: 1rem;
}
.topPageInformationSec__innerMsg {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 2rem;
  color: #fff;
  margin-bottom: 19rem;
  font-weight: bold;
  position: relative;
}
.topPageInformationSec__innerMsgNb {
  position: absolute;
  top: -8px;
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 1.4rem;
  color: #fff;
}
.topPageInformationSec__innerOne {
  margin-top: -38px;
  z-index: 10;
  position: relative;
}
@media screen and (max-width: 768px) {
  .topPageInformationSec__innerOne {
    margin-top: 0;
  }
}
.topPageInformationSec__innerLink {
  overflow: hidden;
  max-width: 1120px;
  height: 460px;
  display: block;
  position: relative;
  border-radius: 14px;
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .topPageInformationSec__innerLink:hover {
    transition: 0.5s linear;
  }
}
.topPageInformationSec__innerLink::before {
  position: absolute;
  content: "";
  width: 94px;
  height: 94px;
  top: 75%;
  left: 90%;
  background-image: url("../images/common/arrow_maru.png");
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: 0.6s;
}
.topPageInformationSec__innerLink::after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  background-image: url("../images/toppage/toppage-img05.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: 0.6s;
  z-index: -1;
}
@media screen and (min-width: 769px) {
  .topPageInformationSec__innerLink:hover::after {
    transform: scale(1.05);
    transition: 0.5s linear;
  }
  .topPageInformationSec__innerLink:hover::before {
    background-image: url("../images/common/arrow_maruB.png");
  }
}
@media screen and (max-width: 768px) {
  .topPageInformationSec__innerLink {
    border-radius: 0;
    height: 400px;
    width: 100%;
    max-width: 100%;
  }
  .topPageInformationSec__innerLink::after {
    background-position: top center;
    background-image: url("../images/toppage/toppage-img05_sp.jpg");
  }
  .topPageInformationSec__innerLink::before {
    width: 54px;
    height: 54px;
    top: 12%;
    left: 90%;
    transform: translate(-50%, -50%);
    background-image: url("../images/common/arrow_sp.png");
  }
}
.topPageInformationSec__innerTare {
  padding-right: 26.67vw;
}
@media screen and (max-width: 768px) {
  .topPageInformationSec__innerTare {
    padding-right: 0;
  }
}
.topPageInformationSec__innerOneW {
  padding: 42px 58px 0;
}
@media screen and (max-width: 768px) {
  .topPageInformationSec__innerOneW {
    padding: 30px 20px 35px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 400px;
  }
}
.topPageInformationSec__innerOneT {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .topPageInformationSec__innerOneT {
    font-size: 14px;
    line-height: 1.8;
  }
}
.topPageInformationSec__innerOneT {
  font-size: 2.8rem;
  color: #fff;
  font-weight: bold;
  margin-bottom: 2rem;
  letter-spacing: 0.01em;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .topPageInformationSec__innerOneT {
    font-size: 24px;
    margin-bottom: 14px;
  }
}
.topPageInformationSec__innerText {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .topPageInformationSec__innerText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.topPageInformationSec__innerText {
  font-size: 1.8rem;
  color: #fff;
  margin-bottom: 3rem;
}
@media screen and (max-width: 768px) {
  .topPageInformationSec__innerText {
    font-size: 14px;
    margin-bottom: 0;
  }
}
.topPageInformationSec__innerTwo {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .topPageInformationSec__innerTwo {
    display: block;
    margin-top: 2px;
  }
}
.topPageInformationSec__innerLinkT {
  overflow: hidden;
  max-width: 555px;
  height: 555px;
  display: block;
  position: relative;
  border-radius: 14px;
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .topPageInformationSec__innerLinkT:hover {
    transition: 0.5s linear;
  }
}
.topPageInformationSec__innerLinkT::before {
  position: absolute;
  content: "";
  width: 94px;
  height: 94px;
  top: 74%;
  left: 83%;
  background-image: url("../images/common/arrow_maru.png");
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: 0.6s;
}
.topPageInformationSec__innerLinkT::after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  background-image: url("../images/toppage/toppage-img06.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: 0.6s;
  z-index: -1;
}
@media screen and (min-width: 769px) {
  .topPageInformationSec__innerLinkT:hover::after {
    transform: scale(1.05);
    transition: 0.5s linear;
  }
  .topPageInformationSec__innerLinkT:hover::before {
    background-image: url("../images/common/arrow_maruB.png");
  }
}
.topPageInformationSec__innerLinkT.u-two {
  margin-left: 9px;
}
.topPageInformationSec__innerLinkT.u-two::after {
  background-image: url("../images/toppage/toppage-img07.jpg");
}
.topPageInformationSec__innerLinkT.u-three::after {
  background-image: url("../images/toppage/toppage-img08.jpg");
}
.topPageInformationSec__innerLinkT.u-four {
  margin-left: 9px;
}
.topPageInformationSec__innerLinkT.u-four::after {
  background-image: url("../images/toppage/toppage-img09.jpg");
}
@media screen and (max-width: 768px) {
  .topPageInformationSec__innerLinkT {
    width: 100%;
    max-width: 100%;
    height: 400px;
    border-radius: 0;
    margin-top: 2px;
  }
  .topPageInformationSec__innerLinkT::before {
    width: 54px;
    height: 54px;
    top: 12%;
    left: 90%;
    transform: translate(-50%, -50%);
    background-image: url("../images/common/arrow_sp.png");
  }
  .topPageInformationSec__innerLinkT::after {
    background-image: url("../images/toppage/toppage-img06_sp.jpg");
  }
  .topPageInformationSec__innerLinkT.u-two {
    margin-left: 0;
  }
  .topPageInformationSec__innerLinkT.u-two::after {
    background-image: url("../images/toppage/toppage-img07_sp.jpg");
  }
  .topPageInformationSec__innerLinkT.u-three::after {
    background-image: url("../images/toppage/toppage-img08_sp.jpg");
  }
  .topPageInformationSec__innerLinkT.u-four {
    margin-left: 0;
  }
  .topPageInformationSec__innerLinkT.u-four::after {
    background-image: url("../images/toppage/toppage-img09_sp.jpg");
  }
}
.topPageInformationSec__innerTwoW {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  padding: 42px 190px 50px 58px;
  justify-content: space-between;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .topPageInformationSec__innerTwoW {
    padding: 30px 20px 35px;
  }
}

/*====================================================================
topPageColumnSec
====================================================================*/
.topPageColumnSec {
  margin: 0 auto 270px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .topPageColumnSec {
    margin: 140px auto 150px;
  }
}
.topPageColumnSec__wrap {
  max-width: 1160px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .topPageColumnSec__wrap {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.topPageColumnSec__wrap {
  position: relative;
}
@media screen and (max-width: 768px) {
  .topPageColumnSec__wrap {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.topPageColumnSec__TitleArea {
  position: relative;
}
.topPageColumnSec__title {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .topPageColumnSec__title {
    font-size: 14px;
    line-height: 1.8;
  }
}
.topPageColumnSec__title {
  font-size: 3.8rem;
  font-weight: bold;
  margin-bottom: 3rem;
}
.topPageColumnSec__text {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .topPageColumnSec__text {
    font-size: 14px;
    line-height: 1.8;
  }
}
.topPageColumnSec__text {
  font-size: 1.8rem;
  max-width: 58rem;
}
@media screen and (max-width: 768px) {
  .topPageColumnSec__text {
    max-width: 100%;
  }
}
.topPageColumnSec__wrapEn {
  position: absolute;
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 17rem;
  font-weight: 400;
  color: #E7F1FB;
  right: 0;
  top: -70px;
}
@media screen and (max-width: 768px) {
  .topPageColumnSec__wrapEn {
    font-size: 80px;
    right: -7%;
    top: -15%;
    z-index: -1;
    letter-spacing: -0.05em;
  }
}
.topPageColumnSec__innerBnt {
  width: 190px;
}
.topPageColumnSec__innerBntLink {
  display: block;
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  padding: 19px 60px 18px 30px;
  border: 1px solid #1544A3;
  font-weight: bold;
  background-color: #1544A3;
  transition: 0.6s;
  position: relative;
  border-radius: 34px;
  color: #fff;
  font-size: 1.6rem;
}
.topPageColumnSec__innerBntLink::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 84%;
  width: 20px;
  height: 10px;
  transform: translate(-50%, -50%);
  background-image: url("../images/common/arrow.png");
  transition: 0.4s;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: 0.6s;
}
.topPageColumnSec__innerBntLink {
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .topPageColumnSec__innerBntLink:hover {
    background-color: #5FA6EB;
    color: #fff;
    border: 1px solid #5FA6EB;
  }
  .topPageColumnSec__innerBntLink:hover::after {
    left: 86%;
  }
}
@media screen and (max-width: 768px) {
  .topPageColumnSec__innerBntLink {
    font-size: 14px;
    font-weight: bold;
    padding: 17px 60px 15px 30px;
  }
}
.topPageColumnSec__innerBnt {
  margin-left: auto;
  position: absolute;
  right: 0;
  bottom: 0;
}
@media screen and (max-width: 768px) {
  .topPageColumnSec__innerBnt {
    position: relative;
    margin: 60px auto 0;
  }
}
.topPageColumnSec__swiper {
  margin-top: 6rem;
  margin-left: 0;
  overflow: hidden;
  padding-right: 0;
}
.topPageColumnSec__swiper .swiper-slide {
  height: auto;
}
@media screen and (max-width: 768px) {
  .topPageColumnSec__swiper {
    margin-left: 0;
    margin-top: 30px;
    padding-right: 0;
  }
}
.topPageColumnSec__swiperItem {
  border-radius: 20px;
  overflow: hidden;
}
.topPageColumnSec__swiperItemLink {
  display: block;
  color: inherit;
  position: relative;
}
.topPageColumnSec__swiperItemImgArea {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 40.18vw;
  max-height: 450px;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .topPageColumnSec__swiperItemImgArea.u-spDb {
    height: 64vw;
    max-height: 260px;
    position: relative;
  }
  .topPageColumnSec__swiperItemImgArea.u-spDb::before {
    content: "";
    position: absolute;
    right: 20px;
    top: 80%;
    transform: translateY(-50%);
    width: 54px;
    height: 54px;
    background: url("../images/common/arrow_sp.png") center/cover no-repeat;
    transition: background-image 0.2s ease;
    z-index: 111;
  }
}
.topPageColumnSec__swiperItemImgArea .topPageCorporationSec__innerImg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transform: scale(1);
  transition: transform 0.45s ease;
}
.topPageColumnSec__swiperCountOverlay {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  position: absolute;
  right: 3.2rem;
  bottom: 2.4rem;
  z-index: 3;
  display: flex;
  align-items: flex-start;
  line-height: 1;
  letter-spacing: 0.01em;
  color: rgba(255, 255, 255, 0.96);
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .topPageColumnSec__swiperCountOverlay {
    display: none;
  }
}
.topPageColumnSec__swiperCountCurrent {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 6.8rem;
  font-weight: 400;
  line-height: 0.9;
}
.topPageColumnSec__swiperCountTotal {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 2rem;
  line-height: 1;
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  .topPageColumnSec__swiperCountTotal {
    font-size: 16px;
    margin-left: 8px;
  }
}
.topPageColumnSec__swiperTitleArea {
  padding: 3rem 0 4.6rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .topPageColumnSec__swiperTitleArea {
    padding: 24px 0 40px;
  }
}
.topPageColumnSec__swiperDateArea {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.topPageColumnSec__swiperDate {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  letter-spacing: 0.08em;
}
.topPageColumnSec__swiperTage {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .topPageColumnSec__swiperTage {
    font-size: 14px;
    line-height: 1.8;
  }
}
.topPageColumnSec__swiperTage {
  font-size: 1.4rem;
  color: #1544A3;
  border: 1px solid #A7C4E8;
  border-radius: 20px;
  padding: 5px 26px 6px;
  line-height: 1;
}
.topPageColumnSec__swiperTitleAreaBot {
  margin-top: 2rem;
}
.topPageColumnSec__swiperLink {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.8rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .topPageColumnSec__swiperLink {
    gap: 0;
    padding-right: 0;
  }
}
.topPageColumnSec__swiperArrow {
  flex-shrink: 0;
  width: 94px !important;
  height: 94px !important;
  background: #fff !important;
  border: 1px solid #4991D8;
  border-radius: 50%;
  overflow: hidden;
  transition: 0.6s;
}
.topPageColumnSec__swiperArrow .post__arrow {
  background: url("../images/common/arrow_b.png") center/20px no-repeat;
}
@media screen and (max-width: 768px) {
  .topPageColumnSec__swiperArrow {
    display: none;
  }
}
.topPageColumnSec__swiperTitle {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .topPageColumnSec__swiperTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.topPageColumnSec__swiperTitle {
  font-size: 2rem;
  line-height: 1.5;
  font-weight: bold;
  color: #111;
  letter-spacing: 0.02em;
  max-width: 56rem;
}
@media screen and (max-width: 768px) {
  .topPageColumnSec__swiperTitle {
    font-size: 16px;
    max-width: 100%;
  }
}
.topPageColumnSec__swiperItem:has(.topPageColumnSec__swiperItemLink:hover) .topPageCorporationSec__innerImg {
  transform: scale(1.05);
}
.topPageColumnSec__swiperItem:has(.topPageColumnSec__swiperItemLink:hover) .post__btnLinkArrowInner {
  transform: translateX(0);
}
.topPageColumnSec__swiperItem:has(.topPageColumnSec__swiperItemLink:hover) .topPageColumnSec__swiperArrow {
  background: #4991D8 !important;
  border-color: #4991D8;
}
.topPageColumnSec__swiperItem:has(.topPageColumnSec__swiperItemLink:hover) .post__arrow {
  background: url("../images/common/arrow_w.png") center/12px no-repeat;
}
.topPageColumnSec__nav {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .topPageColumnSec__nav {
    margin-top: 20px;
    margin-left: 0;
    padding-right: 0;
    justify-content: center;
  }
}
.topPageColumnSec__navBtn.swiper-button-prev, .topPageColumnSec__navBtn.swiper-button-next {
  position: relative;
  margin: 0;
  width: auto;
  height: auto;
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  padding: 16px 25px 15px;
  border-radius: 16px;
  border: 1px solid #4B91D8;
  color: #111;
  font-size: 1.8rem;
  letter-spacing: 0.08em;
  transition: 0.6s;
}
.topPageColumnSec__navBtn.swiper-button-prev::before, .topPageColumnSec__navBtn.swiper-button-next::before {
  display: none;
  content: none;
}
.topPageColumnSec__navBtn.swiper-button-prev::after, .topPageColumnSec__navBtn.swiper-button-next::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 10px;
  background: url("../images/common/arrow_w.png") center/12px no-repeat;
  opacity: 0;
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .topPageColumnSec__navBtn.swiper-button-prev:hover, .topPageColumnSec__navBtn.swiper-button-next:hover {
    background-color: #4B91D8;
    color: transparent;
  }
  .topPageColumnSec__navBtn.swiper-button-prev:hover::after, .topPageColumnSec__navBtn.swiper-button-next:hover::after {
    opacity: 1;
  }
}
.topPageColumnSec__navBtn.swiper-button-prev.swiper-button-disabled, .topPageColumnSec__navBtn.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .topPageColumnSec__navBtn.swiper-button-prev, .topPageColumnSec__navBtn.swiper-button-next {
    padding: 13px 14px 11px;
    border-radius: 12px;
    font-size: 14px;
  }
}
.topPageColumnSec__navBtn.swiper-button-prev::after {
  transform: translate(-50%, -50%) rotate(180deg);
}
.topPageColumnSec .swiper-navigation-icon {
  display: none !important;
}
.topPageColumnSec__navProgress {
  flex: 0 0 120px;
  width: 172px;
  min-width: 172px;
  margin-left: 30px;
}
@media screen and (max-width: 768px) {
  .topPageColumnSec__navProgress {
    flex: 0 0 auto;
    width: max-content;
    min-width: 0;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .topPageColumnSec__navProgress {
    margin-bottom: 20px;
  }
}
.topPageColumnSec__navProgressTrack {
  position: relative;
  width: 100%;
  height: 1px;
  background: #C9DCF1;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .topPageColumnSec__navProgressTrack {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: auto;
    height: auto;
    background: transparent;
    overflow: visible;
  }
}
.topPageColumnSec__navProgressFill {
  position: absolute;
  left: 0;
  top: 0;
  width: 0%;
  height: 100%;
  background: #8EB5E7;
  transition: width 0.45s ease;
}
@media screen and (max-width: 768px) {
  .topPageColumnSec__navProgressFill {
    display: none;
  }
}
.topPageColumnSec__navDot {
  width: 10px;
  aspect-ratio: 1/1;
  border: 1px solid #87BAED;
  border-radius: 50%;
  background: #FFF;
  transition: background-color 0.25s ease, border-color 0.25s ease;
}
.topPageColumnSec__navDot.is-active {
  background: #1544A3;
  border-color: #1544A3;
}

/*====================================================================
topPageNewsSec
====================================================================*/
.topPageNewsSec__inner {
  max-width: 1160px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .topPageNewsSec__inner {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.topPageNewsSec__innerTitleAre {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 5rem;
}
@media screen and (max-width: 768px) {
  .topPageNewsSec__innerTitleAre {
    display: block;
    margin-bottom: 20px;
  }
}
.topPageNewsSec__innerTitleEn {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 17rem;
  color: #E6F0FB;
  margin-right: 8.93vw;
}
@media screen and (max-width: 768px) {
  .topPageNewsSec__innerTitleEn {
    position: absolute;
    font-size: 80px;
    margin-right: 0%;
    top: -37%;
    right: -20px;
    z-index: -1;
  }
}
.topPageNewsSec__innerTitle {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .topPageNewsSec__innerTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.topPageNewsSec__innerTitle {
  font-weight: bold;
  font-size: 3.8rem;
}
@media screen and (max-width: 768px) {
  .topPageNewsSec__innerTitle {
    font-size: 26px;
    margin-bottom: 16px;
  }
}
.topPageNewsSec__innerText {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .topPageNewsSec__innerText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.topPageNewsSec__innerText {
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .topPageNewsSec__innerText {
    font-size: 14px;
    margin-bottom: 60px;
  }
}
.topPageNewsSec__innerTabuInner {
  display: flex;
  align-items: baseline;
}
@media screen and (max-width: 768px) {
  .topPageNewsSec__innerTabuInner {
    display: block;
  }
}
.topPageNewsSec__innerTabsLabels {
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  width: 220px;
  margin-right: 50px;
}
@media screen and (max-width: 768px) {
  .topPageNewsSec__innerTabsLabels {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    display: block;
    border-radius: 0;
  }
}
.topPageNewsSec {
  /* 視覚的に非表示（visually-hidden） */
}
.topPageNewsSec__innerTabs input[type=radio] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  border: 0;
  white-space: nowrap;
}
.topPageNewsSec {
  /* フォーカス状態（キーボード操作時） */
}
.topPageNewsSec #tab1:focus-visible ~ .topPageNewsSec__innerTabuInner label[for=tab1],
.topPageNewsSec #tab2:focus-visible ~ .topPageNewsSec__innerTabuInner label[for=tab2],
.topPageNewsSec #tab3:focus-visible ~ .topPageNewsSec__innerTabuInner label[for=tab3],
.topPageNewsSec #tab4:focus-visible ~ .topPageNewsSec__innerTabuInner label[for=tab4],
.topPageNewsSec #tab5:focus-visible ~ .topPageNewsSec__innerTabuInner label[for=tab5] {
  outline: 2px solid #A59AC9;
  outline-offset: 2px;
}
.topPageNewsSec__innerTabsLabel {
  flex: 1;
  text-align: center;
  padding: 20px;
  cursor: pointer;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .topPageNewsSec__innerTabsLabel {
    font-size: 14px;
    line-height: 1.8;
  }
}
.topPageNewsSec__innerTabsLabel {
  font-size: 1.6rem;
  transition: 0.6s;
  border-left: 1px solid #5FA6EB;
  border-top: 1px solid #5FA6EB;
  border-right: 1px solid #5FA6EB;
}
.topPageNewsSec__innerTabsLabel.u-01 {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.topPageNewsSec__innerTabsLabel.u-last {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom: 1px solid #5FA6EB;
}
.topPageNewsSec__innerTabsLabel {
  transition: 0.6s;
  position: relative;
}
.topPageNewsSec__innerTabsLabel::after {
  position: absolute;
  content: "";
  display: block;
  width: 0;
  height: 0;
  top: 50%;
  left: 10%;
  transform: translate(-50%, -50%);
  background-image: url("../images/common/arrow.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .topPageNewsSec__innerTabsLabel:hover {
    background-color: #87BAED;
    color: #fff;
    padding-left: 3.5rem;
  }
  .topPageNewsSec__innerTabsLabel:hover::after {
    width: 20px;
    height: 10px;
  }
}
@media screen and (max-width: 768px) {
  .topPageNewsSec__innerTabsLabel {
    font-size: 14px;
    padding: 8px 20px;
    border-radius: 10px;
    border: 1px solid #5FA6EB;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 4px;
  }
  .topPageNewsSec__innerTabsLabel::after {
    display: none;
  }
}
.topPageNewsSec__innerTabsCont {
  width: 100%;
  max-width: 85rem;
}
.topPageNewsSec__innerTabsCont > div {
  display: none;
}
.topPageNewsSec__innerTabsCont > div.is-active {
  display: block;
}
.topPageNewsSec__innerTabsLabel.is-active {
  background-color: #87BAED;
  color: #fff;
  padding-left: 3.5rem;
}
.topPageNewsSec__innerTabsLabel.is-active::after {
  width: 20px;
  height: 10px;
}
@media screen and (max-width: 768px) {
  .topPageNewsSec__innerTabsLabel.is-active {
    padding-left: 20px;
  }
}
.topPageNewsSec__innerItem {
  padding: 4.5rem 4rem;
  border-bottom: 1px solid #DFE9ED;
}
@media screen and (max-width: 768px) {
  .topPageNewsSec__innerItem {
    padding: 30px 0;
  }
  .topPageNewsSec__innerItem:nth-of-type(3) {
    border-bottom: none;
  }
}
.topPageNewsSec__innerItemDate {
  display: flex;
  align-items: center;
}
.topPageNewsSec__innerItemTage {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .topPageNewsSec__innerItemTage {
    font-size: 14px;
    line-height: 1.8;
  }
}
.topPageNewsSec__innerItemTage {
  font-size: 1.4rem;
  color: #1544A3;
  border: 1px solid #5FA6EB;
  padding: 5px 20px;
  border-radius: 20px;
  transition: 0.6s;
  line-height: 1;
}
@media screen and (min-width: 769px) {
  .topPageNewsSec__innerItemTage:hover {
    background-color: #1544A3;
    color: #fff;
  }
}
.topPageNewsSec__innerItemD {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 1.4rem;
  margin-left: 20px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .topPageNewsSec__innerItemD {
    margin-left: 8px;
  }
}
.topPageNewsSec__innerItemTitle {
  display: block;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .topPageNewsSec__innerItemTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.topPageNewsSec__innerItemTitle {
  font-size: 1.8rem;
  margin-top: 12px;
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .topPageNewsSec__innerItemTitle:hover {
    color: #1544A3;
  }
}
@media screen and (max-width: 768px) {
  .topPageNewsSec__innerItemTitle {
    font-size: 14px;
    margin-top: 20px;
  }
}
.topPageNewsSec__innerBnt {
  width: 190px;
}
.topPageNewsSec__innerBntLink {
  display: block;
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  padding: 19px 60px 18px 30px;
  border: 1px solid #1544A3;
  font-weight: bold;
  background-color: #1544A3;
  transition: 0.6s;
  position: relative;
  border-radius: 34px;
  color: #fff;
  font-size: 1.6rem;
}
.topPageNewsSec__innerBntLink::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 84%;
  width: 20px;
  height: 10px;
  transform: translate(-50%, -50%);
  background-image: url("../images/common/arrow.png");
  transition: 0.4s;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: 0.6s;
}
.topPageNewsSec__innerBntLink {
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .topPageNewsSec__innerBntLink:hover {
    background-color: #5FA6EB;
    color: #fff;
    border: 1px solid #5FA6EB;
  }
  .topPageNewsSec__innerBntLink:hover::after {
    left: 86%;
  }
}
@media screen and (max-width: 768px) {
  .topPageNewsSec__innerBntLink {
    font-size: 14px;
    font-weight: bold;
    padding: 17px 60px 15px 30px;
  }
}
.topPageNewsSec__innerBnt {
  display: block;
  margin-left: auto;
  margin-top: 4rem;
}
@media screen and (max-width: 768px) {
  .topPageNewsSec__innerBnt {
    margin: 10px auto 0;
  }
}

/*====================================================================
.policyPageSec
====================================================================*/
.policyPageSec__cont {
  max-width: 1160px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .policyPageSec__cont {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.policyPageSec__cont {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .policyPageSec__cont {
    margin-top: 36px;
    padding: 0;
  }
}
.policyPageSec__contText {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .policyPageSec__contText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.policyPageSec__contText {
  font-size: 16px;
  line-height: 28px;
  width: 800px;
}
@media screen and (max-width: 768px) {
  .policyPageSec__contText {
    width: 100%;
    padding: 0 20px;
    font-size: 14px;
    line-height: 24px;
  }
}
.policyPageSec__wrapList {
  margin-top: 90px;
}
@media screen and (max-width: 768px) {
  .policyPageSec__wrapList {
    margin-top: 10px;
  }
}
.policyPageSec__wrapItem {
  display: flex;
  border-bottom: 1px solid #d3e6fb;
  padding: 50px 20px;
}
.policyPageSec__wrapItem.u-noBorder {
  border-bottom: none;
}
@media screen and (max-width: 768px) {
  .policyPageSec__wrapItem {
    padding: 30px 20px;
  }
}
.policyPageSec__wrapItemTitle {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 20px;
  color: #5FA6EB;
  border: 1px solid #5FA6EB;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  margin-right: 20px;
  padding-top: 2px;
}
@media screen and (max-width: 768px) {
  .policyPageSec__wrapItemTitle {
    width: 24px;
    height: 24px;
    font-size: 14px;
    margin-right: 10px;
    margin-top: 3px;
  }
}
.policyPageSec__wrapItemContent {
  width: calc(100% - 60px);
}
@media screen and (max-width: 768px) {
  .policyPageSec__wrapItemContent {
    width: calc(100% - 34px);
  }
}
.policyPageSec__wrapItemContentTitle {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .policyPageSec__wrapItemContentTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.policyPageSec__wrapItemContentTitle {
  font-size: 20px;
  color: #5FA6EB;
}
@media screen and (max-width: 768px) {
  .policyPageSec__wrapItemContentTitle {
    font-size: 16px;
  }
}
.policyPageSec__wrapItemContentText {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .policyPageSec__wrapItemContentText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.policyPageSec__wrapItemContentText {
  font-weight: 400;
  margin-top: 10px;
  line-height: 24px;
}
@media screen and (max-width: 768px) {
  .policyPageSec__wrapItemContentText {
    margin-top: 10px;
    font-size: 14px;
    line-height: 22px;
  }
}
.policyPageSec .u-dot {
  padding-left: 12px;
  position: relative;
}
.policyPageSec .u-dot::before {
  content: "";
  position: absolute;
  left: 0;
  top: 13px;
  width: 4px;
  height: 4px;
  background-color: #111;
  border-radius: 50%;
}
.policyPageSec .u-bottom {
  padding-bottom: 14px;
}
.policyPageSec .u-blod {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .policyPageSec .u-blod {
    font-size: 14px;
    line-height: 1.8;
  }
}
.policyPageSec .u-blod {
  font-weight: bold;
}

/*====================================================================
.aiPolicyPageSec
====================================================================*/
.aiPolicyPageSec__cont {
  max-width: 1160px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .aiPolicyPageSec__cont {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.aiPolicyPageSec__cont {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .aiPolicyPageSec__cont {
    margin-top: 36px;
    padding: 0;
  }
}
.aiPolicyPageSec__contText {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .aiPolicyPageSec__contText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.aiPolicyPageSec__contText {
  font-size: 16px;
  line-height: 28px;
  width: 800px;
}
@media screen and (max-width: 768px) {
  .aiPolicyPageSec__contText {
    width: 100%;
    padding: 0 20px;
    font-size: 14px;
    line-height: 24px;
  }
}
.aiPolicyPageSec__wrapList {
  margin-top: 90px;
}
@media screen and (max-width: 768px) {
  .aiPolicyPageSec__wrapList {
    margin-top: 10px;
  }
}
.aiPolicyPageSec__wrapItem {
  display: flex;
  border-bottom: 1px solid #d3e6fb;
  padding: 50px 20px;
}
.aiPolicyPageSec__wrapItem.u-noBorder {
  border-bottom: none;
}
@media screen and (max-width: 768px) {
  .aiPolicyPageSec__wrapItem {
    padding: 30px 20px;
  }
}
.aiPolicyPageSec__wrapItemTitle {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 20px;
  color: #5FA6EB;
  border: 1px solid #5FA6EB;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  margin-right: 20px;
  padding-top: 2px;
}
@media screen and (max-width: 768px) {
  .aiPolicyPageSec__wrapItemTitle {
    width: 24px;
    height: 24px;
    font-size: 14px;
    margin-right: 10px;
    margin-top: 3px;
  }
}
.aiPolicyPageSec__wrapItemContent {
  width: calc(100% - 60px);
}
@media screen and (max-width: 768px) {
  .aiPolicyPageSec__wrapItemContent {
    width: calc(100% - 34px);
  }
}
.aiPolicyPageSec__wrapItemContentTitle {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .aiPolicyPageSec__wrapItemContentTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.aiPolicyPageSec__wrapItemContentTitle {
  font-size: 20px;
  color: #5FA6EB;
}
@media screen and (max-width: 768px) {
  .aiPolicyPageSec__wrapItemContentTitle {
    font-size: 16px;
  }
}
.aiPolicyPageSec__wrapItemContentText {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .aiPolicyPageSec__wrapItemContentText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.aiPolicyPageSec__wrapItemContentText {
  margin-top: 10px;
  line-height: 28px;
}
@media screen and (max-width: 768px) {
  .aiPolicyPageSec__wrapItemContentText {
    margin-top: 10px;
    font-size: 14px;
    line-height: 22px;
  }
}
.aiPolicyPageSec .u-dot {
  padding-left: 12px;
  position: relative;
}
.aiPolicyPageSec .u-dot::before {
  content: "";
  position: absolute;
  left: 0;
  top: 13px;
  width: 4px;
  height: 4px;
  background-color: #111;
  border-radius: 50%;
}
.aiPolicyPageSec .u-bottom {
  padding-bottom: 14px;
}
.aiPolicyPageSec .u-blod {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .aiPolicyPageSec .u-blod {
    font-size: 14px;
    line-height: 1.8;
  }
}
.aiPolicyPageSec .u-blod {
  font-weight: bold;
}
.aiPolicyPageSec__wrapMsText {
  margin-top: 50px;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .aiPolicyPageSec__wrapMsText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.aiPolicyPageSec__wrapMsText {
  text-align: right;
}
@media screen and (max-width: 768px) {
  .aiPolicyPageSec__wrapMsText {
    padding-right: 20px;
    margin-top: 30px;
    line-height: 22px;
  }
}
.aiPolicyPageSec__wrapQA {
  display: flex;
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .aiPolicyPageSec__wrapQA {
    display: block;
  }
}
.aiPolicyPageSec__wrapQALeft {
  width: 230px;
  margin-right: 90px;
  margin-top: 35px;
}
@media screen and (max-width: 768px) {
  .aiPolicyPageSec__wrapQALeft {
    margin-right: 0;
    padding-left: 20px;
    margin-top: 0;
  }
}
.aiPolicyPageSec__wrapQARight {
  width: calc(100% - 320px);
}
@media screen and (max-width: 768px) {
  .aiPolicyPageSec__wrapQARight {
    width: 100%;
    margin-top: 40px;
  }
}
.aiPolicyPageSec__wrapQALeftTitle {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .aiPolicyPageSec__wrapQALeftTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.aiPolicyPageSec__wrapQALeftTitle {
  font-size: 24px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .aiPolicyPageSec__wrapQALeftTitle {
    font-size: 20px;
  }
}
.aiPolicyPageSec__wrapQALeftText {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .aiPolicyPageSec__wrapQALeftText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.aiPolicyPageSec__wrapQALeftText {
  font-size: 16px;
  line-height: 28px;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .aiPolicyPageSec__wrapQALeftText {
    font-size: 14px;
    line-height: 22px;
    margin-top: 4px;
  }
}
.aiPolicyPageSec__wrapQARightItem {
  border: 1px solid #87BAED;
  padding: 40px 0 50px;
  border-radius: 20px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .aiPolicyPageSec__wrapQARightItem {
    padding: 30px 0 30px;
    border-radius: 0;
    margin-bottom: 0;
    border-bottom: none;
  }
  .aiPolicyPageSec__wrapQARightItem.u-01 {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
  }
  .aiPolicyPageSec__wrapQARightItem.u-03 {
    border-bottom: 1px solid #87BAED;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
  }
}
.aiPolicyPageSec__wrapQARightItemTitle {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .aiPolicyPageSec__wrapQARightItemTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.aiPolicyPageSec__wrapQARightItemTitle {
  font-weight: bold;
  padding: 0 40px 35px 90px;
  border-bottom: 1px solid #87BAED;
  position: relative;
}
.aiPolicyPageSec__wrapQARightItemTitle::before {
  position: absolute;
  content: "";
  width: 40px;
  height: 40px;
  left: 36px;
  top: -7px;
  background-image: url("../images/common/qicon.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .aiPolicyPageSec__wrapQARightItemTitle {
    font-size: 14px;
    line-height: 24px;
    padding: 0 20px 25px 68px;
  }
  .aiPolicyPageSec__wrapQARightItemTitle::before {
    width: 38px;
    height: 38px;
    left: 16px;
    top: -8px;
  }
}
.aiPolicyPageSec__wrapQARightItemText {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .aiPolicyPageSec__wrapQARightItemText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.aiPolicyPageSec__wrapQARightItemText {
  padding: 30px 40px 0 90px;
  position: relative;
}
.aiPolicyPageSec__wrapQARightItemText::before {
  position: absolute;
  content: "";
  width: 40px;
  height: 40px;
  left: 36px;
  top: 28px;
  background-image: url("../images/common/aicon.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .aiPolicyPageSec__wrapQARightItemText {
    font-size: 14px;
    line-height: 24px;
    padding: 33px 20px 0 68px;
  }
  .aiPolicyPageSec__wrapQARightItemText::before {
    width: 38px;
    height: 38px;
    left: 16px;
    top: 26px;
  }
}

/*====================================================================
.pararikoPageSec
====================================================================*/
@media screen and (max-width: 768px) {
  .pararikoPageSec {
    padding: 0 20px;
    overflow: hidden;
  }
}
.pararikoPageSec__cont {
  max-width: 1160px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .pararikoPageSec__cont {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.pararikoPageSec__cont {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .pararikoPageSec__cont {
    margin-top: 20px;
    padding: 0;
  }
}
.pararikoPageSec__title {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .pararikoPageSec__title {
    font-size: 14px;
    line-height: 1.8;
  }
}
.pararikoPageSec__title {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .pararikoPageSec__title {
    font-size: 20px;
  }
}
.pararikoPageSec__textM {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .pararikoPageSec__textM {
    font-size: 14px;
    line-height: 1.8;
  }
}
.pararikoPageSec__textM {
  font-size: 16px;
  line-height: 28px;
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .pararikoPageSec__textM {
    width: 100%;
    padding: 0 20px;
    font-size: 14px;
    line-height: 24px;
  }
}
.pararikoPageSec__text {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .pararikoPageSec__text {
    font-size: 14px;
    line-height: 1.8;
  }
}
.pararikoPageSec__text {
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .pararikoPageSec__text {
    font-size: 14px;
  }
}
.pararikoPageSec__img {
  margin: 30px auto;
}
.pararikoPageSec__textS {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .pararikoPageSec__textS {
    font-size: 14px;
    line-height: 1.8;
  }
}
.pararikoPageSec__textS {
  font-size: 16px;
  color: rgb(102, 102, 102);
  text-align: center;
}
.pararikoPageSec__contInner {
  margin-top: 16px;
}
.pararikoPageSec .parariko-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: center;
  margin: 24px 0 40px;
}
.pararikoPageSec .parariko-gallery img {
  max-width: 48%;
  height: auto;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  touch-action: manipulation;
}
@media screen and (max-width: 768px) {
  .pararikoPageSec .parariko-gallery img {
    max-width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .pararikoPageSec .parariko-gallery img:hover {
    transform: scale(1.02);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  }
}
.pararikoPageSec__wrapList {
  margin-top: 90px;
}
@media screen and (max-width: 768px) {
  .pararikoPageSec__wrapList {
    margin-top: 10px;
  }
}
.pararikoPageSec__wrapItem {
  display: flex;
  border-bottom: 1px solid #d3e6fb;
  padding: 50px 20px;
}
.pararikoPageSec__wrapItem.u-noBorder {
  border-bottom: none;
}
@media screen and (max-width: 768px) {
  .pararikoPageSec__wrapItem {
    padding: 30px 0px;
  }
}
.pararikoPageSec__wrapItemTitle {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 20px;
  color: #5FA6EB;
  border: 1px solid #5FA6EB;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  margin-right: 20px;
  padding-top: 2px;
}
@media screen and (max-width: 768px) {
  .pararikoPageSec__wrapItemTitle {
    width: 24px;
    height: 24px;
    font-size: 14px;
    margin-right: 10px;
    margin-top: 3px;
  }
}
.pararikoPageSec__wrapItemContent {
  width: calc(100% - 60px);
}
@media screen and (max-width: 768px) {
  .pararikoPageSec__wrapItemContent {
    width: calc(100% - 34px);
  }
}
.pararikoPageSec__wrapItemContentTitle {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .pararikoPageSec__wrapItemContentTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.pararikoPageSec__wrapItemContentTitle {
  font-size: 20px;
  color: #5FA6EB;
}
@media screen and (max-width: 768px) {
  .pararikoPageSec__wrapItemContentTitle {
    font-size: 16px;
  }
}
.pararikoPageSec__wrapItemContentText {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .pararikoPageSec__wrapItemContentText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.pararikoPageSec__wrapItemContentText {
  margin-top: 10px;
  line-height: 24px;
}
@media screen and (max-width: 768px) {
  .pararikoPageSec__wrapItemContentText {
    margin-top: 4px;
    font-size: 14px;
    line-height: 22px;
  }
}
.pararikoPageSec .u-dot {
  padding-left: 12px;
  position: relative;
}
.pararikoPageSec .u-dot::before {
  content: "";
  position: absolute;
  left: 0;
  top: 13px;
  width: 4px;
  height: 4px;
  background-color: #111;
  border-radius: 50%;
}
.pararikoPageSec .u-bottom {
  padding-bottom: 20px;
}
.pararikoPageSec .u-blod {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .pararikoPageSec .u-blod {
    font-size: 14px;
    line-height: 1.8;
  }
}
.pararikoPageSec .u-blod {
  font-weight: bold;
}
.pararikoPageSec__wrapItembtn {
  margin: 60px auto 0;
}
.pararikoPageSec__wrapItembtnLink {
  display: block;
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  padding: 24px 150px 23px 85px;
  border: 1px solid #5FA6EB;
  font-weight: bold;
  background-color: #5FA6EB;
  transition: 0.6s;
  position: relative;
  border-radius: 34px;
  color: #fff;
  font-size: 1.6rem;
}
.pararikoPageSec__wrapItembtnLink::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 84%;
  width: 20px;
  height: 10px;
  transform: translate(-50%, -50%);
  background-image: url("../images/common/arrow.png");
  transition: 0.4s;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: 0.6s;
}
.pararikoPageSec__wrapItembtnLink {
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .pararikoPageSec__wrapItembtnLink:hover {
    background-color: #fff;
    color: #5FA6EB;
    border: 1px solid #5FA6EB;
  }
  .pararikoPageSec__wrapItembtnLink:hover::after {
    left: 86%;
    background-image: url("../images/common/arrow_b.png");
  }
}
@media screen and (max-width: 768px) {
  .pararikoPageSec__wrapItembtnLink {
    font-size: 14px;
    font-weight: bold;
    padding: 17px 60px 15px 30px;
  }
}
.pararikoPageSec__innerAreaTitle {
  background-color: #F2FBFF;
  padding: 40px 50px;
  border-radius: 20px;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .pararikoPageSec__innerAreaTitle {
    padding: 30px 20px;
    margin-bottom: 20px;
  }
}
.pararikoPageSec__innerAreaTitleNum {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .pararikoPageSec__innerAreaTitleNum {
    font-size: 14px;
    line-height: 1.8;
  }
}
.pararikoPageSec__innerAreaTitleNum {
  font-size: 20px;
  font-weight: bold;
  color: #5FA6EB;
  margin-bottom: 20px;
}
.pararikoPageSec__innerAreaTitleText {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .pararikoPageSec__innerAreaTitleText {
    font-size: 14px;
    line-height: 1.8;
  }
}

/* ぱらりこページ：全画面スライドショー（.parariko-gallery 画像のダブルクリック／ダブルタップで表示） */
#parariko-slideshow {
  display: none;
  position: fixed;
  z-index: 100000;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.9);
  backdrop-filter: blur(5px);
}
#parariko-slideshow.is-open {
  display: block;
}

.parariko-slideshow__img {
  margin: auto;
  display: block;
  max-width: 90%;
  max-height: 90vh;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  user-select: none;
  pointer-events: none;
}

.parariko-slideshow__close {
  position: absolute;
  top: 15px;
  right: 24px;
  padding: 0;
  border: none;
  background: none;
  color: #f1f1f1;
  font-size: 40px;
  line-height: 1;
  font-weight: bold;
  cursor: pointer;
  z-index: 100002;
}
@media screen and (min-width: 769px) {
  .parariko-slideshow__close:hover {
    color: #bbb;
  }
}

.parariko-slideshow__zone {
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  z-index: 100001;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
}
.parariko-slideshow__zone--prev {
  left: 0;
}
.parariko-slideshow__zone--next {
  right: 0;
}
@media screen and (min-width: 769px) {
  .parariko-slideshow__zone:hover .parariko-slideshow__navIcon {
    color: rgba(255, 255, 255, 0.5);
  }
}

.parariko-slideshow__navIcon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(255, 255, 255, 0);
  font-size: 3em;
  line-height: 1;
  transition: color 0.3s ease;
  pointer-events: none;
}

.parariko-slideshow__zone--prev .parariko-slideshow__navIcon {
  left: 20px;
}

.parariko-slideshow__zone--next .parariko-slideshow__navIcon {
  right: 20px;
}

html.is-parariko-slideshow-open,
html.is-parariko-slideshow-open body {
  overflow: hidden;
}

/*====================================================================
.archiveNewsPageSec
====================================================================*/
.archiveNewsPageSec__cont {
  max-width: 1080px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .archiveNewsPageSec__cont {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.archiveNewsPageSec__cont {
  margin-top: -130px;
}
.archiveNewsPageSec__contBg {
  background-color: #fff;
  padding: 120px 0;
  box-shadow: 1px 1px 7px 2px #e8e8e8;
}
.archiveNewsPageSec__contInner {
  max-width: 1100px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .archiveNewsPageSec__contInner {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.archiveNewsPageSec__contInnerListLink {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .archiveNewsPageSec__contInnerListLink {
    font-size: 14px;
    line-height: 1.8;
  }
}
.archiveNewsPageSec__contInnerListLink {
  font-weight: bold;
  color: #1544A3;
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .archiveNewsPageSec__contInnerListLink:hover {
    color: #383434;
  }
}
.archiveNewsPageSec__contPdfsize {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .archiveNewsPageSec__contPdfsize {
    font-size: 14px;
    line-height: 1.8;
  }
}
.archiveNewsPageSec__contPdfsize {
  font-weight: bold;
  color: #383434;
}
.archiveNewsPageSec__contInnerListItem {
  padding: 26px 20px;
  border-bottom: 1px solid #BCD5F5;
}
.archiveNewsPageSec__contInnerWrap {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-items: center;
}
.archiveNewsPageSec__contInnerWrapTimetext {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .archiveNewsPageSec__contInnerWrapTimetext {
    font-size: 14px;
    line-height: 1.8;
  }
}
.archiveNewsPageSec__contInnerWrapTimetext {
  font-weight: bold;
  margin-right: 100px;
}

/*====================================================================
singleArticlePageSec
====================================================================*/
/*====================================================================
.supportPageContentSec
====================================================================*/
.supportPageContentSec__wrap {
  padding: 0px 70px 0px;
  border-radius: 12px;
  max-width: 1040px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .supportPageContentSec__wrap {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .supportPageContentSec__wrap {
    border: 0px;
    border-radius: 0;
    box-shadow: 0 0 0 0;
    padding: 26px 15px 80px;
  }
}
.supportPageContentSec__wrap__bnrWrap {
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .supportPageContentSec__wrap__bnrWrap {
    margin-top: 50px;
  }
}
.supportPageContentSec__wrap__title {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .supportPageContentSec__wrap__title {
    font-size: 14px;
    line-height: 1.8;
  }
}
.supportPageContentSec__wrap__title {
  font-size: 25px;
  color: #1544A3;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .supportPageContentSec__wrap__title {
    font-size: 18px;
  }
}
.supportPageContentSec__wrap__bigTitle {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .supportPageContentSec__wrap__bigTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.supportPageContentSec__wrap__bigTitle {
  font-size: 30px;
  padding-bottom: 20px;
  font-weight: bold;
}
.lang-en .supportPageContentSec__wrap__bigTitle {
  font-size: 36px;
}
@media screen and (max-width: 768px) {
  .supportPageContentSec__wrap__bigTitle {
    font-size: 26px;
    padding-bottom: 0;
  }
  .lang-en .supportPageContentSec__wrap__bigTitle {
    font-size: 28px;
  }
}
.supportPageContentSec__wrap__formArea__list__item__msg {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .supportPageContentSec__wrap__formArea__list__item__msg {
    font-size: 14px;
    line-height: 1.8;
  }
}
.supportPageContentSec__wrap__formArea__list__item__msg {
  font-size: 15px;
  color: #7C7C7C;
}
@media screen and (max-width: 768px) {
  .supportPageContentSec__wrap__formArea__list__item__msg {
    font-size: 13px;
    padding-bottom: 10px;
  }
}
.supportPageContentSec__wrap__hisi {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .supportPageContentSec__wrap__hisi {
    font-size: 14px;
    line-height: 1.8;
  }
}
.supportPageContentSec__wrap__hisi {
  color: #F80000;
  font-size: 12px;
  padding-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .supportPageContentSec__wrap__hisi {
    font-size: 12px;
  }
}
.supportPageContentSec__wrap__formArea__list__item__titleArea__title__xitext {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .supportPageContentSec__wrap__formArea__list__item__titleArea__title__xitext {
    font-size: 14px;
    line-height: 1.8;
  }
}
.supportPageContentSec__wrap__formArea__list__item__titleArea__title__xitext {
  font-size: 16px;
}
.supportPageContentSec__wrap__formArea__list__item__textArea__file {
  border: 1px solid #E8E8E8;
  margin-bottom: 20px;
  padding: 10px;
}
@media screen and (max-width: 768px) {
  .supportPageContentSec__wrap__formArea__list__item__textArea__file {
    padding: 6px;
    margin-bottom: 10px;
  }
}
.supportPageContentSec__wrap__formArea__text {
  font-size: 12px;
  line-height: 2;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .supportPageContentSec__wrap__formArea__text {
    font-size: 14px;
    line-height: 1.8;
  }
}
.supportPageContentSec__wrap__formArea__text {
  margin-bottom: 40px;
}
.supportPageContentSec__wrap__text {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .supportPageContentSec__wrap__text {
    font-size: 14px;
    line-height: 1.8;
  }
}
.supportPageContentSec__wrap__text {
  margin-bottom: 10px;
  font-weight: bold;
}
.supportPageContentSec__wrap__text__tel {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .supportPageContentSec__wrap__text__tel {
    font-size: 14px;
    line-height: 1.8;
  }
}
.supportPageContentSec__wrap__text__tel {
  font-weight: bold;
}
.supportPageContentSec__wrap__formArea__list__item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .supportPageContentSec__wrap__formArea__list__item {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .supportPageContentSec__wrap__formArea__list__item__titleArea {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-items: center;
    margin-bottom: 5px;
  }
}
.supportPageContentSec__wrap__formArea__list__item__titleArea__title {
  width: 200px;
  margin-right: 3px;
  background-color: #fff;
  padding: 11px 0 11px 20px;
  position: relative;
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .supportPageContentSec__wrap__formArea__list__item__titleArea__title {
    font-size: 14px;
    line-height: 1.8;
  }
}
.supportPageContentSec__wrap__formArea__list__item__titleArea__title.u-conttext {
  padding: 64px 0 64px 20px;
}
@media screen and (max-width: 768px) {
  .supportPageContentSec__wrap__formArea__list__item__titleArea__title {
    width: 100%;
    margin-right: 0px;
    padding: 6px 0 6px 0px;
    text-align: center;
  }
  .supportPageContentSec__wrap__formArea__list__item__titleArea__title.u-conttext {
    padding: 8px 0 8px 0;
  }
}
.supportPageContentSec__wrap__formArea__list__item__titleArea__hisu {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .supportPageContentSec__wrap__formArea__list__item__titleArea__hisu {
    font-size: 14px;
    line-height: 1.8;
  }
}
.supportPageContentSec__wrap__formArea__list__item__titleArea__hisu {
  color: #F80000;
  font-weight: bold;
  margin-right: 6px;
  display: inline;
  font-size: 10px;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .supportPageContentSec__wrap__formArea__list__item__titleArea__hisu {
    padding: 2px 8px;
    font-size: 12px;
    line-height: 1.5;
  }
}
.supportPageContentSec__wrap__formArea__list__item__textArea__textBoxWrap {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .supportPageContentSec__wrap__formArea__list__item__textArea__textBoxWrap {
    font-size: 14px;
    line-height: 1.8;
  }
}
.supportPageContentSec__wrap__formArea__list__item__textArea__textBoxWrap input {
  padding: 13px 0 13px 11px;
  width: 780px;
  background-color: #fff;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .supportPageContentSec__wrap__formArea__list__item__textArea__textBoxWrap input {
    font-size: 14px;
    line-height: 1.8;
  }
}
@media screen and (max-width: 768px) {
  .supportPageContentSec__wrap__formArea__list__item__textArea__textBoxWrap input {
    padding: 8px 12px;
    font-size: 16px;
  }
}
.supportPageContentSec__wrap__formArea__list__item__title.cont {
  padding: 70px 0 70px 40px;
}
.supportPageContentSec__wrap__formArea__list__item__textArea__textAreaWrap.cont {
  margin: 30px;
}
.supportPageContentSec__wrap__formArea__list__item__textArea__textAreaWrap textarea {
  height: 160px;
  width: 780px;
  padding: 12px;
  display: block;
  background-color: #fff;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .supportPageContentSec__wrap__formArea__list__item__textArea__textAreaWrap textarea {
    font-size: 14px;
    line-height: 1.8;
  }
}
.supportPageContentSec__wrap__formArea__list__item__textArea__textAreaWrap textarea:focus {
  border: 1px solid #1544A3;
}
@media screen and (max-width: 768px) {
  .supportPageContentSec__wrap__formArea__list__item__textArea__textAreaWrap textarea {
    font-size: 16px;
  }
}
.supportPageContentSec__wrap__formArea__list__item__textArea {
  width: 780px;
  align-items: center;
  background-color: #fff;
}
.supportPageContentSec__wrap__formArea__list__item__textArea.inner {
  position: relative;
}
.supportPageContentSec__wrap__formArea__list__item__textArea.inner::after {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  display: block;
  border-right: 1px solid #383434;
  border-bottom: 1px solid #383434;
  left: 32%;
  top: 34%;
  width: 10px;
  height: 10px;
  border-right: 2px solid #383434;
  border-bottom: 2px solid #383434;
  transform: translate(-50%, -50%);
  transform: rotate(44deg);
}
.supportPageContentSec__wrap__formArea__list__item__textArea.address {
  position: relative;
}
.supportPageContentSec__wrap__formArea__list__item__textArea.address::after {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  display: block;
  border-right: 1px solid #383434;
  border-bottom: 1px solid #383434;
  left: 39%;
  top: 34%;
  width: 10px;
  height: 10px;
  border-right: 2px solid #1544A3;
  border-bottom: 2px solid #1544A3;
  transform: translate(-50%, -50%);
  transform: rotate(44deg);
  z-index: -1;
}
.supportPageContentSec__wrap__formArea__list__item__textArea option {
  font-size: 15px;
  line-height: 1.6;
  font-weight: bold;
}
.supportPageContentSec__wrap__formArea__list__item__textArea select {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .supportPageContentSec__wrap__formArea__list__item__textArea select {
    font-size: 14px;
    line-height: 1.8;
  }
}
.supportPageContentSec__wrap__formArea__list__item__textArea select {
  border: 1px solid #1544A3;
  padding: 15px 140px 15px 30px;
  border-radius: 10px;
}
.supportPageContentSec__wrap__formArea__list__item__textArea__addr {
  margin-bottom: 16px;
}
.supportPageContentSec__wrap__formArea__list__item__textArea__radioList__item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 30px;
}
.supportPageContentSec__wrap__formArea__list__item__textArea__textAb {
  margin-right: 15px;
  padding: 15px 15px;
  display: flex;
  align-items: center;
  background-color: #E8E8E8;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .supportPageContentSec__wrap__formArea__list__item__textArea__textAb {
    font-size: 14px;
    line-height: 1.8;
  }
}
.supportPageContentSec__wrap__formArea__list__item__textArea__textAb {
  font-weight: bold;
}
.supportPageContentSec__wrap__formArea__list__item__textArea__text {
  font-weight: bold;
  font-size: 15px;
  margin-right: 10px;
}
.supportPageContentSec__wrap__formArea__list__item__textArea__msg {
  font-weight: bold;
  font-size: 13px;
  margin-left: 0;
  line-height: 1.6;
}
.supportPageContentSec__wrap__formArea__list__item__textArea__cont {
  border: 1px solid #E8E8E8;
  padding: 40px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .supportPageContentSec__wrap__formArea__list__item__textArea__cont {
    padding: 15px;
  }
}
.supportPageContentSec__wrap__formArea__list__item__textArea__cont__toyiText, .supportPageContentSec__wrap__formArea__list__item__textArea__toyiMsg {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .supportPageContentSec__wrap__formArea__list__item__textArea__cont__toyiText, .supportPageContentSec__wrap__formArea__list__item__textArea__toyiMsg {
    font-size: 14px;
    line-height: 1.8;
  }
}
.supportPageContentSec__wrap__formArea__list__item__textArea__cont__toyiText, .supportPageContentSec__wrap__formArea__list__item__textArea__toyiMsg {
  line-height: 2;
}
.supportPageContentSec__wrap__formArea__list__item__textArea__text__cont__link {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .supportPageContentSec__wrap__formArea__list__item__textArea__text__cont__link {
    font-size: 14px;
    line-height: 1.8;
  }
}
.supportPageContentSec__wrap__formArea__list__item__textArea__text__cont__link {
  border-bottom: 1px solid #111;
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .supportPageContentSec__wrap__formArea__list__item__textArea__text__cont__link:hover {
    color: #1544A3;
    border-bottom: 1px solid #1544A3;
  }
}
.supportPageContentSec__wrap__formArea__list__item__textArea__radioBtnWrap {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.supportPageContentSec__wrap__formArea__list__item__textArea__radioBtnWrap .error {
  margin-top: 6px !important;
}
.supportPageContentSec__wrap__formArea__list__item__textArea__radioBtnWrap .mwform-radio-field {
  display: block;
}
.supportPageContentSec__wrap__formArea__list__item__textArea__radioBtnWrap .mwform-radio-field label {
  display: block;
  cursor: pointer;
}
.supportPageContentSec__wrap__formArea__list__item__textArea__radioBtnWrap .mwform-radio-field input {
  display: none;
}
.supportPageContentSec__wrap__formArea__list__item__textArea__radioBtnWrap .mwform-radio-field .mwform-radio-field-text {
  padding-left: 25px;
  display: block;
  position: relative;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .supportPageContentSec__wrap__formArea__list__item__textArea__radioBtnWrap .mwform-radio-field .mwform-radio-field-text {
    font-size: 14px;
    line-height: 1.8;
  }
}
.supportPageContentSec__wrap__formArea__list__item__textArea__radioBtnWrap .mwform-radio-field .mwform-radio-field-text {
  margin-right: 30px;
}
.supportPageContentSec__wrap__formArea__list__item__textArea__radioBtnWrap .mwform-radio-field .mwform-radio-field-text::before {
  content: "";
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border: 1px solid #111;
  border-radius: 100%;
}
.supportPageContentSec__wrap__formArea__list__item__textArea__radioBtnWrap .mwform-radio-field .mwform-radio-field-text::after {
  content: "";
  width: 6px;
  height: 6px;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: #fff;
  border-radius: 100%;
  border: 6px solid #111;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.supportPageContentSec__wrap__formArea__list__item__textArea__radioBtnWrap .mwform-radio-field input:checked + .mwform-radio-field-text::after {
  opacity: 1;
  visibility: visible;
}
.supportPageContentSec__wrap__formArea__list__item__textArea__radioBtnWrap__xuanzhe {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
}
.supportPageContentSec__wrap__formArea__list__item__textArea__radioBtnWrap__xuanzhe.u-tel {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .supportPageContentSec__wrap__formArea__list__item__textArea__radioBtnWrap__xuanzhe.u-tel {
    flex-direction: row;
  }
}
@media screen and (max-width: 768px) {
  .supportPageContentSec__wrap__formArea__list__item__textArea__radioBtnWrap__xuanzhe {
    flex-direction: column;
  }
}
.supportPageContentSec__wrap__formArea__list__item__textArea__heng {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .supportPageContentSec__wrap__formArea__list__item__textArea__heng {
    font-size: 14px;
    line-height: 1.8;
  }
}
.supportPageContentSec__wrap__formArea__list__item__textArea__heng {
  padding: 0 20px;
}
@media screen and (max-width: 768px) {
  .supportPageContentSec__wrap__formArea__list__item__textArea__heng {
    margin-top: 13px;
  }
}
.supportPageContentSec__wrap__privacyArea__radioBtnWrap {
  display: flex;
  align-items: center;
  margin: 0 auto 6px;
}
.supportPageContentSec__wrap__privacyArea__radioBtnWrap .mwform-radio-field {
  display: block;
}
.supportPageContentSec__wrap__privacyArea__radioBtnWrap .mwform-radio-field label {
  display: block;
  cursor: pointer;
}
.supportPageContentSec__wrap__privacyArea__radioBtnWrap .mwform-radio-field input {
  display: none;
}
.supportPageContentSec__wrap__privacyArea__radioBtnWrap .mwform-radio-field .mwform-radio-field-text {
  padding-left: 28px;
  display: block;
  position: relative;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .supportPageContentSec__wrap__privacyArea__radioBtnWrap .mwform-radio-field .mwform-radio-field-text {
    font-size: 14px;
    line-height: 1.8;
  }
}
.supportPageContentSec__wrap__privacyArea__radioBtnWrap .mwform-radio-field .mwform-radio-field-text {
  font-size: 16px;
  margin-right: 10px;
}
.supportPageContentSec__wrap__privacyArea__radioBtnWrap .mwform-radio-field .mwform-radio-field-text::before {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: 49%;
  left: 0;
  transform: translateY(-50%);
  border: 1px solid #111;
  border-radius: 100%;
}
.supportPageContentSec__wrap__privacyArea__radioBtnWrap .mwform-radio-field .mwform-radio-field-text::after {
  content: "";
  width: 14px;
  height: 14px;
  display: block;
  position: absolute;
  top: 49%;
  left: 4px;
  transform: translateY(-50%);
  background: #111;
  border-radius: 100%;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.supportPageContentSec__wrap__privacyArea__radioBtnWrap .mwform-radio-field input:checked + .mwform-radio-field-text::after {
  opacity: 1;
  visibility: visible;
}
.supportPageContentSec__wrap__privacyArea__radioBtnWrap .mwform-checkbox-field {
  display: block;
}
.supportPageContentSec__wrap__privacyArea__radioBtnWrap .mwform-checkbox-field label {
  display: block;
  cursor: pointer;
}
.supportPageContentSec__wrap__privacyArea__radioBtnWrap .mwform-checkbox-field input {
  display: none;
}
.supportPageContentSec__wrap__privacyArea__radioBtnWrap .mwform-checkbox-field .mwform-checkbox-field-text {
  padding-left: 28px;
  display: block;
  position: relative;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .supportPageContentSec__wrap__privacyArea__radioBtnWrap .mwform-checkbox-field .mwform-checkbox-field-text {
    font-size: 14px;
    line-height: 1.8;
  }
}
.supportPageContentSec__wrap__privacyArea__radioBtnWrap .mwform-checkbox-field .mwform-checkbox-field-text {
  font-size: 16px;
  margin-right: 10px;
}
.supportPageContentSec__wrap__privacyArea__radioBtnWrap .mwform-checkbox-field .mwform-checkbox-field-text::before {
  content: "";
  width: 18px;
  height: 18px;
  display: block;
  position: absolute;
  border-radius: 2px;
  top: 49%;
  left: 0;
  transform: translateY(-50%);
  border: 1px solid #E8E8E8;
}
.supportPageContentSec__wrap__privacyArea__radioBtnWrap .mwform-checkbox-field .mwform-checkbox-field-text::after {
  content: "";
  width: 18px;
  height: 18px;
  display: block;
  position: absolute;
  top: 3px;
  left: 1px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("../images/common/input_checkbox.png");
}
@media screen and (max-width: 768px) {
  .supportPageContentSec__wrap__privacyArea__radioBtnWrap .mwform-checkbox-field .mwform-checkbox-field-text::after {
    top: 2px;
  }
}
.supportPageContentSec__wrap__privacyArea__radioBtnWrap .mwform-checkbox-field input:checked + .mwform-checkbox-field-text::after {
  opacity: 1;
  visibility: visible;
}
.supportPageContentSec__wrap__btn__submitBtnWrap {
  width: 430px;
  margin: 0 auto;
}
.supportPageContentSec__wrap__btn__submitBtnWrap input {
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .supportPageContentSec__wrap__btn__submitBtnWrap input {
    font-size: 14px;
    line-height: 1.8;
  }
}
.supportPageContentSec__wrap__btn__submitBtnWrap input {
  padding: 16px 0;
  text-align: center;
  display: block;
  color: #1544A3;
  width: 430px;
  text-align: center;
  border: 1px solid #1544A3;
  font-weight: bold;
  cursor: pointer;
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .supportPageContentSec__wrap__btn__submitBtnWrap input:hover {
    background-color: #1544A3;
    color: #fff;
  }
}
@media screen and (max-width: 768px) {
  .supportPageContentSec__wrap__btn__submitBtnWrap input {
    width: 80%;
    max-width: none;
    padding: 10px 0;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .supportPageContentSec__wrap__btn__submitBtnWrap {
    width: 100%;
    max-width: none;
    margin: 0 auto;
  }
  .supportPageContentSec__wrap__btn__submitBtnWrap::after {
    top: 23px;
  }
}

.mwform-tel-field input:nth-child(1) {
  width: 80px;
}
.mwform-tel-field input:nth-child(2), .mwform-tel-field input:nth-child(3) {
  width: 90px;
}

.thanksPage__sec {
  margin: 100px auto 60px;
  padding-top: 80px;
}
.thanksPage__sec__wrap {
  max-width: 1000px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .thanksPage__sec__wrap {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.thanksPage__sec__wrap__title {
  font-size: 30px;
  line-height: 1.4;
  letter-spacing: 0;
  padding-top: 30px;
  text-align: center;
}
.thanksPage__sec__wrap__btn__link {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .thanksPage__sec__wrap__btn__link {
    font-size: 14px;
    line-height: 1.8;
  }
}
.thanksPage__sec__wrap__btn__link {
  display: block;
  font-size: 18px;
  width: 300px;
  line-height: 1.4;
  letter-spacing: 0;
  color: #1544A3;
  border: 1px solid #1544A3;
  text-align: center;
  padding: 10px 0;
  margin: 70px auto 0;
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .thanksPage__sec__wrap__btn__link:hover {
    background-color: #1544A3;
    color: #fff;
  }
}
@media screen and (max-width: 768px) {
  .thanksPage__sec {
    margin: 30px auto;
  }
  .thanksPage__sec__wrap__title {
    font-size: 20px;
    padding-top: 30px;
  }
  .thanksPage__sec__wrap__btn__link {
    font-size: 1.4rem;
    margin: 30px auto 0;
    width: 100%;
    padding: 10px 15px;
  }
}

.error {
  margin-top: 8px !important;
  margin-bottom: 6px !important;
}

.mw_wp_form .mw_wp_form_complete {
  font-size: 30px;
  margin-bottom: 50px;
  font-weight: bold;
}

.mw_wp_form_confirm .supportPageContentSec__wrap__formArea__list__item__textArea__msg {
  display: none;
}
.mw_wp_form_confirm .supportPageContentSec__wrap__formArea__list__itemNone {
  display: none;
}
.mw_wp_form_confirm label.pagePressFormSec__wrap__formArea__list__item__textArea__ansArea {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .mw_wp_form_confirm label.pagePressFormSec__wrap__formArea__list__item__textArea__ansArea {
    font-size: 14px;
    line-height: 1.8;
  }
}
.mw_wp_form_confirm label.supportPageContentSec__wrap__formArea__list__item__textArea__textAreaWrap {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .mw_wp_form_confirm label.supportPageContentSec__wrap__formArea__list__item__textArea__textAreaWrap {
    font-size: 14px;
    line-height: 1.8;
  }
}
.mw_wp_form_confirm .supportPageContentSec__wrap__formArea__list__item__textArea.address::after {
  display: none;
}
.mw_wp_form_confirm .supportPageContentSec__wrap__formArea__list__item__textArea__file {
  border: 0px;
}
.mw_wp_form_confirm .mw-wp-form_file a {
  font-size: 16px;
}

.mw_wp_form input[type=file] {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .mw_wp_form input[type=file] {
    width: 86%;
  }
}

/*-----------------------------------------------
.supportPageContentSec (SP)
------------------------------------------------*/
@media screen and (max-width: 768px) {
  .supportPageContentSec {
    margin: 0 auto;
  }
  .supportPageContentSec__wrap__formArea__text {
    text-align: left;
  }
  .supportPageContentSec__title {
    margin-bottom: 20px;
  }
  .supportPageContentSec__wrap__formArea__list__item {
    flex-direction: column;
  }
  .supportPageContentSec__wrap__formArea__list__item__title {
    width: 100%;
    background-color: #fff;
    padding: 10px 0;
  }
  .supportPageContentSec__wrap__formArea__list__item__textArea {
    width: 100%;
    margin: 0 auto 0;
    flex-direction: column;
    align-items: flex-start;
  }
  .supportPageContentSec__wrap__formArea__list__item__textArea__textBoxWrap input {
    width: 100%;
  }
  .supportPageContentSec__wrap__formArea__list__item__textArea.inner {
    text-align: center;
    border-radius: 10px;
  }
  .supportPageContentSec__wrap__formArea__list__item__textArea.inner::after {
    left: 80%;
  }
  .supportPageContentSec__wrap__formArea__list__item__textArea.address {
    text-align: center;
  }
  .supportPageContentSec__wrap__formArea__list__item__textArea.address::after {
    left: 67%;
  }
  .supportPageContentSec__wrap__formArea__list__item__textArea select {
    padding: 12px 130px 12px 15px;
  }
  .supportPageContentSec__wrap__formArea__list__item__textArea__text {
    display: block;
    margin-top: 6px;
    margin-bottom: 10px;
  }
  .supportPageContentSec__wrap__formArea__list__item__textArea.msg {
    flex-direction: column;
    align-items: left;
  }
  .supportPageContentSec__wrap__formArea__list__item__textArea__msg {
    margin-top: 6px;
    margin-left: 10px;
  }
  .supportPageContentSec__wrap__formArea__list__item__title.cont {
    padding: 10px 0;
  }
  .supportPageContentSec__wrap__formArea__list__item__textArea__textAreaWrap textarea {
    width: 100%;
    height: 200px;
  }
  .supportPageContentSec__wrap__text {
    margin: 20px auto;
  }
  .supportPageContentSec__wrap__formArea__title {
    padding: 10px 0 10px 10px;
  }
  .supportPageContentSec__wrap__btn__submitBtnWrap input {
    font-size: 16px;
  }
  .mwform-tel-field input:nth-child(1) {
    width: 75px;
  }
  .mwform-tel-field input:nth-child(2), .mwform-tel-field input:nth-child(3) {
    width: 90px;
  }
}
.supportPageContentSec__wrap__btn__submitBtnWrapBack {
  margin: 0 auto 10px;
}
.supportPageContentSec__wrap__btn__submitBtnWrapBack input {
  display: block;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: 0.1em;
  text-align: justify;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.1em;
  width: 100%;
  max-width: 430px;
  text-align: center;
  padding: 8px 0;
  border: 1px solid #707070;
  cursor: pointer;
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .supportPageContentSec__wrap__btn__submitBtnWrapBack input:hover {
    background-color: #1544A3;
    color: #fff;
  }
}
@media screen and (max-width: 768px) {
  .supportPageContentSec__wrap__btn__submitBtnWrapBack input {
    width: 80%;
    padding: 10px 0;
    margin: 0 auto 20px;
  }
}

span.error {
  font-size: 16px !important;
  margin-bottom: 0;
}

.mw_wp_form_confirm .supportPageContentSec__wrap__btn {
  margin-top: 10px;
}

.mw_wp_form_input p.supportPageContentSec__wrap__text.input-noneshow {
  display: none;
}

.mw_wp_form_confirm .input-noneshow {
  display: block;
}

.mw_wp_form_confirm .input-show {
  display: none;
}

.supportPageContentSec__wrap__formArea__list__item__textArea.zip {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-items: center;
}

select::-ms-expand {
  display: none;
}

input#zip {
  width: 90px;
}
@media screen and (max-width: 768px) {
  input#zip {
    width: 60px;
  }
}
input#zip1 {
  width: 100px;
}
@media screen and (max-width: 768px) {
  input#zip1 {
    width: 70px;
  }
}

.mw_wp_form_confirm .supportPageContentSec__wrap__formArea__list__item__textArea__radioBtnWrap__xuanzhe {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .mw_wp_form_confirm .supportPageContentSec__wrap__formArea__list__item__textArea__radioBtnWrap__xuanzhe {
    font-size: 14px;
    line-height: 1.8;
  }
}

.mw_wp_form_confirm .supportPageContentSec__wrap__privacyArea__radioBtnWrap {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .mw_wp_form_confirm .supportPageContentSec__wrap__privacyArea__radioBtnWrap {
    font-size: 14px;
    line-height: 1.8;
  }
}

@media screen and (max-width: 768px) {
  .mw_wp_form .horizontal-item + .horizontal-item {
    margin-left: 0;
  }
}

.is_page__confirm .bottomTextSec {
  display: none;
}

.is_page__thanks .bottomTextSec {
  display: none;
}

.is_page__confirm .supportPageContentSec__wrap__btn__submitBtnWrapBack input {
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid #383434;
}
@media screen and (min-width: 769px) {
  .is_page__confirm .supportPageContentSec__wrap__btn__submitBtnWrapBack input {
    transition: 0.6s;
  }
}
@media screen and (min-width: 769px) {
  .is_page__confirm .supportPageContentSec__wrap__btn__submitBtnWrapBack input:hover {
    background-color: #383434;
    color: #fff;
  }
}

.is_page__confirm .supportPageContentSec__wrap__btn__submitBtnWrap input {
  background-color: #111;
  border: 1px solid #111;
  color: #fff;
}
@media screen and (min-width: 769px) {
  .is_page__confirm .supportPageContentSec__wrap__btn__submitBtnWrap input {
    transition: 0.6s;
  }
}
@media screen and (min-width: 769px) {
  .is_page__confirm .supportPageContentSec__wrap__btn__submitBtnWrap input:hover {
    background-color: #1544A3;
    border: 1px solid #1544A3;
  }
}

input#file-uplode-button {
  border-radius: 10px !important;
}

#file-uplode-button {
  border-radius: 10px !important;
}

span.mwform-file-delete {
  font-size: 20px;
}

.is_page__confirm .supportPageContentSec__wrap__formArea__list__item__textArea {
  padding: 12px 0 12px 20px;
}

.img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lowFv {
  position: relative;
  background: #87BAED;
}
@media screen and (max-width: 768px) {
  .lowFv {
    aspect-ratio: 375/300;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 20%;
  }
}
@media screen and (max-width: 768px) {
  .singleLower .lowFv {
    aspect-ratio: 375/475;
    padding-bottom: 20%;
  }
}
.lowFv::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 55px;
  background: #F2FBFF;
  clip-path: ellipse(53% 100% at 50% 100%);
}
@media screen and (max-width: 768px) {
  .lowFv::after {
    height: 50px;
    bottom: -25px;
    clip-path: ellipse(67% 100% at 50% 100%);
  }
}
.lowFv__inner {
  max-width: 1120px;
  width: calc(100% - 40px);
  margin: 0 auto;
}
.lowFv__ttlBox {
  padding: 307px 0 130px;
}
@media screen and (max-width: 768px) {
  .lowFv__ttlBox {
    padding: 0;
  }
}
.lowFv__ttl--en {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 2.125;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .lowFv__ttl--en {
    font-size: 12px;
  }
}
.lowFv__ttl--ja {
  font-size: 4.6rem;
  font-weight: 500;
  line-height: 1;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .lowFv__ttl--ja {
    font-size: 28px;
    line-height: 38px;
  }
}
.lowFv__heading01 {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.36;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .lowFv__heading01 {
    font-size: 20px;
    line-height: 1.6;
  }
}
.lowFv__catBox {
  margin-bottom: 5px;
}
.lowFv__innerTxt {
  font-size: 1.8rem;
  color: #fff;
  font-weight: bold;
  margin-top: 122px;
  line-height: 1.7;
  max-width: 486px;
}
@media screen and (max-width: 768px) {
  .lowFv__innerTxt {
    margin-top: 65px;
    font-size: 14px;
  }
}
.lowFv__innerTxt.u-aboutPage {
  max-width: 610px;
}
@media screen and (max-width: 768px) {
  .lowFv__innerTxt.u-aboutPage {
    margin-top: 27px;
  }
}

@media screen and (max-width: 768px) {
  .lowFv.lowFv--type02.lowFv--spNarrow {
    height: 190px;
    padding-bottom: 0;
    padding-top: 0;
    justify-content: center;
    aspect-ratio: unset;
  }
}

@media screen and (max-width: 768px) {
  .lowFv--type02 {
    padding-top: 30px;
    aspect-ratio: 375/240;
  }
}
.lowFv--type02::after {
  background: #fff;
}
.lowFv--type02 .lowFv__ttlBox {
  padding: 169px 0 100px;
}
@media screen and (max-width: 768px) {
  .lowFv--type02 .lowFv__ttlBox {
    padding: 0;
  }
}
.singleColumn .lowFv--type02 .lowFv__ttlBox {
  padding-top: 145px;
}
@media screen and (max-width: 768px) {
  .singleColumn .lowFv--type02 .lowFv__ttlBox {
    padding: 0;
  }
}

.lowFv--type03 {
  height: 735px;
}
@media screen and (max-width: 768px) {
  .lowFv--type03 {
    height: auto;
  }
}
.lowFv--type03::after {
  background: #fff;
}
@media screen and (max-width: 768px) {
  .lowFv--type03 {
    padding-top: 30px;
    aspect-ratio: 375/475;
  }
}
.lowFv--type03 .lowFv__ttlBox {
  padding: 307px 0 150px;
}
@media screen and (max-width: 768px) {
  .lowFv--type03 .lowFv__ttlBox {
    padding: 0;
  }
}

.low__btn {
  max-width: 540px;
  margin: 0 auto;
}
.low__btn640 {
  max-width: 640px;
  margin: 0 auto;
}
.low__btnLink {
  display: block;
  padding: 30px 0 30px;
  border-radius: 999px;
  background: #519FED;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  position: relative;
  transition: 0.6s;
}
@media screen and (max-width: 768px) {
  .low__btnLink {
    padding: 25px 0 25px 25px;
    font-size: 14px;
    text-align: left;
  }
}
.low__btnLink::after {
  content: "";
  width: 10px;
  height: 10px;
  background: url(../images/common/arrow_w.png) center center/contain no-repeat;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.low__btnLink:hover {
  background: #4991D8;
}

.breadcrumb {
  margin-bottom: 40px;
  box-sizing: border-box;
}
.breadcrumb.page-id-130 {
  margin-top: 18px;
}
@media screen and (max-width: 768px) {
  .breadcrumb {
    display: none;
  }
}
.personalPageSec .breadcrumb, .officePageSec .breadcrumb {
  max-width: 1120px;
  width: calc(100% - 40px);
  margin: 0 auto 40px;
}
@media screen and (max-width: 768px) {
  .personalPageSec .breadcrumb, .officePageSec .breadcrumb {
    width: calc(100% - 40px);
  }
}
.officePageSec .breadcrumb {
  margin-bottom: 60px;
}
.breadcrumb__list {
  max-width: 1200px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .breadcrumb__list {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.breadcrumb__list {
  padding: 0 20px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}
.breadcrumb__item, .breadcrumb__itemLink {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.7;
}
.breadcrumb__item::after {
  content: ">";
  margin: 0 10px;
  color: #97AFCC;
}
.breadcrumb__item:last-child::after {
  display: none;
}
.breadcrumb__itemLink {
  text-decoration: underline;
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .breadcrumb__itemLink:hover {
    opacity: 0.6;
  }
}

.search {
  margin-bottom: 80px;
}

.inner-1120 {
  max-width: 1120px;
  width: calc(100% - 40px);
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .inner-1120 {
    width: 100%;
  }
}

.inner-1120--type02 {
  max-width: 1120px;
  width: calc(100% - 40px);
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .inner-1120--type02 {
    width: calc(100% - 40px);
  }
}

.inner-1240 {
  max-width: 1240px;
  padding: 0 20px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .inner-1240 {
    padding: 0;
  }
}

.low .topPageInformationSec {
  margin-top: 140px;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .low .topPageInformationSec__innerLinkT {
    border-radius: 10px;
  }
}
@media screen and (max-width: 768px) {
  .low .topPageInformationSec__innerLinkT::before {
    top: auto;
    left: auto;
    bottom: 0;
    right: 0;
  }
}
.low .topPageInformationSec__innerLinkT::after {
  background-image: url(../images/lower/fixPage-footer-01.jpg);
}
@media screen and (max-width: 768px) {
  .low .topPageInformationSec__innerLinkT::after {
    background-image: url(../images/lower/fixPage-footer-01-sp.jpg);
  }
}
.low .topPageInformationSec__innerLinkT.u-three::after {
  background-image: url(../images/lower/fixPage-footer-02.jpg);
}
@media screen and (max-width: 768px) {
  .low .topPageInformationSec__innerLinkT.u-three::after {
    background-image: url(../images/lower/fixPage-footer-02-sp.jpg);
  }
}
.low .topPageInformationSec__innerLinkT.u-four::after {
  background-image: url(../images/lower/fixPage-footer-04.jpg);
}
@media screen and (max-width: 768px) {
  .low .topPageInformationSec__innerLinkT.u-four::after {
    background-image: url(../images/lower/fixPage-footer-04-sp.jpg);
  }
}
.low .topPageInformationSec__innerLinkT.u-five::after {
  background-image: url(../images/lower/fixPage-footer-03.jpg);
}
@media screen and (max-width: 768px) {
  .low .topPageInformationSec__innerLinkT.u-five::after {
    background-image: url(../images/lower/fixPage-footer-03-sp.jpg);
  }
}
.low .topPageInformationSec__innerLinkT.u-six::after {
  background-image: url(../images/lower/fixPage-footer-05.jpg);
}
@media screen and (max-width: 768px) {
  .low .topPageInformationSec__innerLinkT.u-six::after {
    background-image: url(../images/lower/fixPage-footer-05-sp.jpg);
  }
}
.low .topPageInformationSec__innerLinkT.u-seven::after {
  background-image: url(../images/lower/fixPage-footer-06.jpg);
}
@media screen and (max-width: 768px) {
  .low .topPageInformationSec__innerLinkT.u-seven::after {
    background-image: url(../images/lower/fixPage-footer-06-sp.jpg);
  }
}
.low .topPageInformationSec__innerLinkT.u-eight::after {
  background-image: url(../images/lower/fixPage-footer-07.jpg);
}
@media screen and (max-width: 768px) {
  .low .topPageInformationSec__innerLinkT.u-eight::after {
    background-image: url(../images/lower/fixPage-footer-07-sp.jpg);
  }
}
.low .topPageInformationSec__innerLinkT {
  height: 430px;
  max-height: 430px;
}
.low .topPageInformationSec__innerLinkT.u-four {
  margin-left: 0;
}
@media screen and (max-width: 768px) {
  .low .topPageInformationSec__innerLinkT {
    height: auto;
    max-height: none;
    aspect-ratio: 335/200;
  }
}
.low .topPageInformationSec__innerTwo {
  gap: 32px;
}
@media screen and (max-width: 768px) {
  .low .topPageInformationSec__innerTwo {
    display: flex;
    flex-direction: column;
    padding: 0 20px;
    gap: 10px;
  }
}
.low .topPageInformationSec__innerTwoW {
  padding-left: 40px;
  padding-right: 30px;
  padding-bottom: 30px;
  padding-top: 25px;
}
@media screen and (max-width: 768px) {
  .low .topPageInformationSec__innerTwoW {
    padding: 20px;
    padding-left: 25px;
  }
}
.low .topPageInformationSec__innerTwoItem {
  width: 33.3333333333%;
}
@media screen and (max-width: 768px) {
  .low .topPageInformationSec__innerTwoItem {
    width: 100%;
  }
}
.low .topPageInformationSec__innerMsg {
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-size: 2.2rem;
}
.low .topPageInformationSec__innerMsgNb {
  position: static;
}

/*====================================================================
archiveNews
====================================================================*/
.lowFv.lowFv--archiveNews {
  background: url(../images/news/fv_pc.jpg) center center/cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .lowFv.lowFv--archiveNews {
    background: url(../images/news/fv_sp.jpg) center center/contain;
    background-repeat: no-repeat;
  }
}

.archiveNews {
  position: relative;
}
.archiveNews::before {
  content: "";
  width: 100%;
  height: 900px;
  background: #F2FBFF;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .archiveNews__sec {
    padding-top: 30px;
  }
}
.archiveNews__wrap {
  background: #fff;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .archiveNews__wrap {
    width: calc(100% + 40px);
    position: relative;
    left: -20px;
  }
}
.archiveNews__list {
  width: calc(100% - 40px);
  max-width: 964px;
  margin: 17px auto 80px;
}
@media screen and (max-width: 768px) {
  .archiveNews__list {
    width: calc(100% - 10px);
    margin-bottom: 50px;
  }
}
.archiveNews__listItem {
  padding: 51px 0 50px;
  border-bottom: 1px solid #DFE9ED;
}
@media screen and (max-width: 768px) {
  .archiveNews__listItem {
    padding: 30px 0 31px;
    border: none;
  }
  .archiveNews__listItem:first-child {
    padding-top: 40px;
  }
  .archiveNews__listItem:nth-child(even) {
    border-radius: 10px;
    border: 1px solid #DFE9ED;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
  }
}
.archiveNews__listItem:last-child {
  border-bottom: none;
}
.archiveNews__listItemCont {
  padding-left: 20px;
}
@media screen and (max-width: 768px) {
  .archiveNews__listItemCont {
    padding: 0 15px;
  }
}

/*====================================================================
wp-pagenavi
====================================================================*/
.wp-pagenavi {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 40px 0 0;
  position: relative;
}
@media screen and (max-width: 768px) {
  .wp-pagenavi {
    gap: 4px;
    padding: 30px 0;
  }
}
.wp-pagenavi .current,
.wp-pagenavi .page,
.wp-pagenavi .last,
.wp-pagenavi .extend {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 56px;
  width: 56px;
  height: 56px;
  font-size: 1.6rem;
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-weight: 700;
  color: #111;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .wp-pagenavi .current,
  .wp-pagenavi .page,
  .wp-pagenavi .last,
  .wp-pagenavi .extend {
    min-width: 30px;
    width: 30px;
    height: 30px;
    font-size: 14px;
  }
}
.wp-pagenavi .current {
  background: #1544A3;
  color: #fff;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .wp-pagenavi .current {
    border-radius: 6px;
  }
}
.wp-pagenavi .page,
.wp-pagenavi .last {
  border: none;
  transition: opacity 0.2s ease;
}
.wp-pagenavi .page:hover,
.wp-pagenavi .last:hover {
  opacity: 0.6;
}
.wp-pagenavi .extend {
  letter-spacing: 0.1em;
  color: #111;
  border: none;
}
.wp-pagenavi .nextpostslink {
  margin-left: 20px;
  right: -45px;
}
@media screen and (max-width: 768px) {
  .wp-pagenavi .nextpostslink {
    margin-left: 20px;
    right: -71px;
  }
}
@media screen and (max-width: 768px) {
  .wp-pagenavi .nextpostslink img {
    margin-right: 40px;
  }
}
.wp-pagenavi .previouspostslink {
  margin-right: 20px;
  left: -45px;
}
@media screen and (max-width: 768px) {
  .wp-pagenavi .previouspostslink {
    margin-right: 20px;
    left: -71px;
  }
}
@media screen and (max-width: 768px) {
  .wp-pagenavi .previouspostslink img {
    margin-left: 40px;
  }
}
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 1px solid #4991D8;
  text-decoration: none;
  transition: background 0.2s ease, border-color 0.2s ease;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .wp-pagenavi .nextpostslink,
  .wp-pagenavi .previouspostslink {
    width: 90px;
    height: 90px;
    position: absolute;
  }
}
.wp-pagenavi .nextpostslink img,
.wp-pagenavi .previouspostslink img {
  width: 20px;
  height: 11px;
  object-fit: contain;
}
.wp-pagenavi .nextpostslink:hover,
.wp-pagenavi .previouspostslink:hover {
  background: #1544A3;
}
.wp-pagenavi .nextpostslink:hover img,
.wp-pagenavi .previouspostslink:hover img {
  filter: brightness(0) invert(1);
}
.wp-pagenavi .previouspostslink img {
  transform: rotate(180deg);
}

/*====================================================================
searchFilter
====================================================================*/
.searchFilter {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .searchFilter {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    padding: 0 15px;
    margin-bottom: 40px;
  }
}
.searchFilter__label {
  font-size: 1.6rem;
  font-weight: 700;
  white-space: nowrap;
  color: #111;
}
@media screen and (max-width: 768px) {
  .searchFilter__label {
    font-size: 14px;
    margin-top: 1.5rem;
  }
}
.searchFilter__selects {
  display: flex;
  gap: 20px;
  flex: 1;
}
@media screen and (max-width: 768px) {
  .searchFilter__selects {
    flex-direction: column;
    width: 100%;
    gap: 6px;
  }
}
.searchFilter__selectWrap {
  position: relative;
  flex: 1;
}
@media screen and (max-width: 768px) {
  .searchFilter__selectWrap {
    width: 100%;
  }
}
.searchFilter__btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 14px 16px 14px 24px;
  background: #4991D8;
  border: none;
  border-radius: 100px;
  cursor: pointer;
  transition: background 0.2s ease;
}
@media screen and (max-width: 768px) {
  .searchFilter__btn {
    padding: 10px 16px 12px 24px;
  }
}
.searchFilter__btn[aria-expanded=true] {
  border-radius: 24px 24px 0 0;
}
@media screen and (max-width: 768px) {
  .searchFilter__btn[aria-expanded=true] {
    border-radius: 6px 6px 0 0;
  }
}
.searchFilter__btn[aria-expanded=true] .searchFilter__btnIcon {
  border-color: rgba(73, 145, 216, 0.65);
  background: #fff;
}
.searchFilter__btn[aria-expanded=true] .searchFilter__btnIconImg {
  transform: rotate(-90deg);
  width: 20px;
  height: 18px;
}
@media screen and (max-width: 768px) {
  .searchFilter__btn[aria-expanded=true] .searchFilter__btnIconImg {
    width: 16px;
    height: 10px;
  }
}
.searchFilter__btn:hover {
  background: rgb(58.7333333333, 145.8266666667, 230.4666666667);
}
.searchFilter__btnText {
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .searchFilter__btnText {
    font-size: 14px;
  }
}
.searchFilter__btnIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.65);
  flex-shrink: 0;
  margin-left: 12px;
}
@media screen and (max-width: 768px) {
  .searchFilter__btnIcon {
    width: 20px;
    height: 20px;
  }
}
.searchFilter__btnIconImg {
  width: 10px;
  height: 10px;
  object-fit: contain;
  transform: rotate(90deg);
  transition: transform 0.2s ease;
}
@media screen and (max-width: 768px) {
  .searchFilter__btnIconImg {
    width: 8px;
    height: 8px;
  }
}
.searchFilter__dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 475px;
  background: #fff;
  border-radius: 0 0 20px 20px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  overflow-y: auto;
  z-index: 100;
  list-style: none;
  padding: 0;
  margin: 0;
}
.searchFilter__dropdown::-webkit-scrollbar {
  width: 4px;
}
.searchFilter__dropdown::-webkit-scrollbar-track {
  background: transparent;
}
.searchFilter__dropdown::-webkit-scrollbar-thumb {
  background: #C6E0F7;
  border-radius: 2px;
}
.searchFilter__dropdown.is-open {
  display: block;
}
.searchFilter__dropdownItem {
  border-top: 1px solid #DFE9ED;
}
.searchFilter__dropdownItem:first-child {
  border-top: none;
}
.searchFilter__dropdownItem a {
  display: block;
  padding: 14px 24px;
  font-size: 14px;
  font-weight: 700;
  color: #111;
  text-decoration: none;
  transition: background 0.15s ease, color 0.15s ease;
}
@media screen and (max-width: 768px) {
  .searchFilter__dropdownItem a {
    padding: 10px 24px;
  }
}
.searchFilter__dropdownItem a:hover {
  background: #F2FBFF;
  color: #5FA6EB;
}
.searchFilter__dropdownItem.is-active > a {
  color: #1544A3;
}
.searchFilter__dropdownParentBtn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 14px 24px;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  color: #111;
  text-align: left;
  transition: background 0.15s ease, color 0.15s ease;
}
.searchFilter__dropdownParentBtn span {
  font-size: 14px;
  font-weight: bold;
}
.searchFilter__dropdownParentBtn:hover {
  background: #F2FBFF;
  color: #5FA6EB;
}
.searchFilter__dropdownParentIcon {
  color: #1544A3;
  font-size: 2rem;
  font-weight: 300;
  flex-shrink: 0;
  margin-left: 8px;
  min-width: 20px;
  text-align: center;
  line-height: 1;
}
.searchFilter__dropdownChildren {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
}
.searchFilter__dropdownChildren.is-open {
  display: block;
}
.searchFilter__dropdownChild a {
  display: block;
  padding: 12px 24px 12px 40px;
  font-size: 14px;
  font-weight: 400;
  color: #888;
  border-top: 1px solid #DFE9ED;
  text-decoration: none;
  transition: background 0.15s ease, color 0.15s ease;
}
@media screen and (max-width: 768px) {
  .searchFilter__dropdownChild a {
    padding: 10px 20px 33px;
  }
}
.searchFilter__dropdownChild a:hover {
  background: #F2FBFF;
  color: #5FA6EB;
}
.searchFilter__dropdownChild.is-active a {
  color: #1544A3;
  font-weight: 700;
}
.searchFilter {
  /* ------------------------------------------------------------
     キーワード ドロップダウン：親カテゴリ／子カテゴリ アコーディオン
     ------------------------------------------------------------ */
}
.searchFilter__dropdown--keyword {
  padding: 0;
  background: #EAF4FC;
}
.searchFilter__keywordParent {
  list-style: none;
  border-top: 1px solid #4991D8;
}
.searchFilter__keywordParent:first-child {
  border-top: none;
}
.searchFilter__keywordParentBtn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 16px 24px;
  background: #fff;
  border: none;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 700;
  color: #111;
  text-align: left;
  transition: background 0.15s ease;
}
.searchFilter__keywordParentBtn:hover {
  background: #F2FBFF;
}
@media screen and (max-width: 768px) {
  .searchFilter__keywordParentBtn {
    padding: 14px 20px;
  }
}
.searchFilter__keywordParentText {
  flex: 1;
  padding-right: 12px;
  line-height: 1.4;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .searchFilter__keywordParentText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.searchFilter__keywordParentText {
  font-size: 14px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .searchFilter__keywordParentText {
    font-size: 13px;
  }
}
.searchFilter__keywordParentIcon {
  position: relative;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.searchFilter__keywordParentIcon::before, .searchFilter__keywordParentIcon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background: #4991D8;
  transform: translate(-50%, -50%);
  transition: opacity 0.2s ease;
}
.searchFilter__keywordParentIcon::before {
  width: 16px;
  height: 2px;
}
.searchFilter__keywordParentIcon::after {
  width: 2px;
  height: 16px;
}
.searchFilter__keywordParent.is-open .searchFilter__keywordParentIcon::after {
  opacity: 0;
}
.searchFilter__keywordChildren {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
  background: #fff;
  border-top: 1px solid #4991D8;
}
.searchFilter__keywordParent.is-open .searchFilter__keywordChildren {
  display: block;
}
.searchFilter__keywordChildItem {
  border-top: 1px solid #B7D6F1;
}
.searchFilter__keywordChildItem:first-child {
  border-top: none;
}
.searchFilter__keywordChildItem a {
  display: block;
  padding: 16px 24px 16px 40px;
  font-size: 14px;
  color: #111;
  text-decoration: none;
  line-height: 1.5;
  transition: background 0.15s ease, color 0.15s ease;
  background: #F2FBFF;
}
.searchFilter__keywordChildItem a:hover {
  color: rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 768px) {
  .searchFilter__keywordChildItem a {
    font-size: 13px;
  }
}
.searchFilter__keywordChildItem.is-active a {
  background: #E8E8E8;
  color: #8A8A8A;
  pointer-events: none;
}

/*====================================================================
searchFilterSticky（SP固定検索バー）
====================================================================*/
.searchFilterSticky {
  display: none;
}
@media screen and (max-width: 768px) {
  .searchFilterSticky {
    padding: 10px;
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 200;
    transform: translateY(100%);
    transition: transform 0.3s ease;
  }
  .searchFilterSticky.is-visible {
    transform: translateY(0);
  }
}
.searchFilterSticky__panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  background: #fff;
  border-radius: 20px 20px 0 0;
  box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.1);
}
.searchFilterSticky__panel .searchFilter__selects {
  flex-direction: column;
  padding: 20px 15px 8px;
  gap: 10px;
}
.searchFilterSticky__panel .searchFilter__selectWrap {
  width: 100%;
}
.searchFilterSticky__panel .searchFilter__dropdown {
  border-radius: 0 0 16px 16px;
}
.is-open .searchFilterSticky__panel {
  max-height: 600px;
}
.searchFilterSticky__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 16px 20px;
  background: #fff;
  border: 1px solid #4991D8;
  cursor: pointer;
  border-radius: 15px;
}
.searchFilterSticky__barText {
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  width: 100%;
  color: #111;
}
.searchFilterSticky__barIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid #4991D8;
  flex-shrink: 0;
}
.searchFilterSticky__barIconImg {
  width: 20px;
  height: 11px;
  object-fit: contain;
  transform: rotate(270deg);
  transition: transform 0.2s ease;
}
.is-open .searchFilterSticky__barIconImg {
  transform: rotate(90deg);
}

/*====================================================================
singleNews
====================================================================*/
.singleNews .topPageNewsSec__innerItemDate {
  margin-bottom: 12px;
}
.singleNews .topPageNewsSec__innerItemD {
  margin-left: 0;
  margin-right: 20px;
  color: #fff;
}
.singleNews .topPageNewsSec__innerItemTage {
  background: #fff;
  border: 1px solid #4991D8;
  color: #123E96;
}
.singleNews__sec {
  padding-top: 50px;
}
@media screen and (max-width: 768px) {
  .singleNews__sec {
    padding-top: 30px;
  }
}
.singleNews__fv {
  position: relative;
  height: 0;
  width: 100%;
  padding-top: 40%;
  margin-bottom: 60px;
  display: block;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .singleNews__fv {
    padding-top: 86%;
    margin-bottom: 30px;
  }
}
.singleNews__fv .img {
  border-radius: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
  .singleNews__fv .img {
    border-radius: 10px;
  }
}
.singleNews__person {
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 40px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .singleNews__person {
    flex-direction: column;
    gap: 0;
  }
}
.singleNews__personLeft {
  width: 170px;
}
@media screen and (max-width: 768px) {
  .singleNews__personLeft {
    width: 100%;
  }
}
.singleNews__personHeading {
  padding-bottom: 20px;
  text-align: right;
  position: relative;
}
@media screen and (max-width: 768px) {
  .singleNews__personHeading {
    padding-bottom: 30px;
    display: flex;
    align-items: center;
    gap: 12px;
    text-align: left;
  }
}
.singleNews__personHeading::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  border-top: 1px solid #DFE9ED;
  flex-grow: 1;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  .singleNews__personHeading::after {
    position: static;
  }
}
.singleNews__personHeading--span {
  display: block;
  flex-shrink: 0;
  font-size: 20px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .singleNews__personHeading--span {
    font-size: 16px;
  }
}
.singleNews__personCont {
  width: calc(100% - 170px);
}
@media screen and (max-width: 768px) {
  .singleNews__personCont {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .singleNews__swiperBtnBox {
    margin-top: 20px;
    display: flex;
    flex-direction: column-reverse;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    z-index: 2;
  }
}
.singleNews__swiperBtn {
  margin-top: 25px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .singleNews__swiperBtn {
    margin-top: 20px;
    gap: 20px;
  }
}
.singleNews .post__prev,
.singleNews .post__next {
  width: 80px;
  height: 40px;
  padding: 12px 14px;
}

/*====================================================================
archiveColumn
====================================================================*/
.lowFv--archiveColumn {
  background: url(../images/column/fv_pc.jpg) center center/cover no-repeat;
}
@media screen and (max-width: 768px) {
  .lowFv--archiveColumn {
    background: url(../images/column/fv_sp.jpg) center center/cover no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .lowFv--singleColumn {
    padding-bottom: 20% !important;
  }
}

.archiveColumn::before {
  content: "";
  width: 100%;
  height: 920px;
  background: #F2FBFF;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.archiveColumn .searchFilter__selectWrap {
  max-width: 320px;
}
@media screen and (max-width: 768px) {
  .archiveColumn__sec {
    padding-top: 30px;
  }
}
.archiveColumn__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .archiveColumn__list {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
    margin-bottom: 50px;
  }
}

/*====================================================================
singleColumn
====================================================================*/
.singleColumn .topPageNewsSec__innerItemDate {
  margin-bottom: 12px;
  align-items: flex-end;
}
.singleColumn .topPageNewsSec__innerItemD {
  margin-left: 0;
  margin-right: 20px;
  color: #fff;
  line-height: 1.8;
}
.singleColumn .topPageNewsSec__innerItemTage {
  background: #fff;
  border: 1px solid #4991D8;
  color: #123E96;
}
.singleColumn .lowFv__catBox {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.singleColumn .topPageNewsSec__innerItemDate {
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
.singleColumn__sec {
  padding-top: 50px;
}
@media screen and (max-width: 768px) {
  .singleColumn__sec {
    padding-top: 30px;
  }
}
.singleColumn__summary {
  background: #F2FBFF;
  border-radius: 20px 20px 0 0;
}
@media screen and (max-width: 768px) {
  .singleColumn__summary {
    background: #fff;
  }
}
.singleColumn__summaryFv {
  position: relative;
  height: auto;
  width: 100%;
  display: block;
  overflow: hidden;
}
.singleColumn__summaryFv .img {
  border-radius: 20px 20px 0 0;
}
@media screen and (max-width: 768px) {
  .singleColumn__summaryFv .img {
    border-radius: 10px 10px 0 0;
  }
}
.singleColumn__summaryContainer {
  margin-top: -49px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .singleColumn__summaryContainer {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-top: -43px;
  }
}
.singleColumn__summaryTtl {
  width: fit-content;
  padding: 26px 60px 5px;
  margin-left: 50px;
  border-radius: 20px 20px 0 0;
  background: #F2FBFF;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .singleColumn__summaryTtl {
    max-width: 110px;
    margin-left: 0;
    padding: 16px 26px 10px 20px;
    border-radius: 0 10px 0 0;
    font-size: 16px;
    text-align: center;
  }
}
.singleColumn__summaryTxt {
  max-width: 940px;
  padding: 30px 20px 80px;
  margin: 0 auto;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.75;
}
@media screen and (max-width: 768px) {
  .singleColumn__summaryTxt {
    padding-bottom: 90px;
    padding-top: 36px;
    background: #F2FBFF;
    font-size: 14px;
    line-height: 1.71;
  }
}
.singleColumn__index {
  padding: 50px 20px 40px;
  margin-top: -30px;
  margin-bottom: 60px;
  background: #fff;
  border-radius: 40px;
  border: 1px solid #DFE9EC;
  position: relative;
}
@media screen and (max-width: 768px) {
  .singleColumn__index {
    width: 100vw;
    margin: -30px calc(50% - 50vw) 0;
    border-radius: 10px;
    padding-bottom: 20px;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
  }
}
.singleColumn__index::before {
  content: "Index";
  position: absolute;
  top: 25px;
  right: 73px;
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 112px;
  font-weight: 700;
  line-height: 1;
  color: rgba(218, 236, 252, 0.65);
}
@media screen and (max-width: 768px) {
  .singleColumn__index::before {
    font-size: 71px;
    top: 14px;
    right: 9px;
  }
}
.singleColumn__indexList {
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.singleColumn__indexHead {
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}
.singleColumn__indexNum {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: radial-gradient(circle 80px at 25% 25%, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0) 100%), #87BAED;
  border-radius: 50%;
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .singleColumn__indexNum {
    width: 24px;
    height: 24px;
    font-size: 14px;
  }
}
.singleColumn__indexListItem {
  padding: 40px 0;
  border-bottom: 1px solid #DFE9ED;
}
@media screen and (max-width: 768px) {
  .singleColumn__indexListItem {
    padding: 30px 0;
  }
}
.singleColumn__indexListItem:last-of-type {
  border-bottom: none;
}
.singleColumn__indexTtl {
  flex: 1;
  padding-top: 7px;
  margin-bottom: 18px;
}
@media screen and (max-width: 768px) {
  .singleColumn__indexTtl {
    padding-top: 0;
    margin-bottom: 15px;
  }
}
.singleColumn__indexTtlLink {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .singleColumn__indexTtlLink:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 768px) {
  .singleColumn__indexTtlLink {
    font-size: 14px;
    line-height: 1.71;
  }
}
.singleColumn__indexTxtBox {
  max-width: 900px;
  margin: 0 auto;
  padding-left: 50px;
}
@media screen and (max-width: 768px) {
  .singleColumn__indexTxtBox {
    padding-left: 35px;
  }
}
.singleColumn__indexTxt {
  padding-left: 20px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .singleColumn__indexTxt {
    font-size: 14px;
    line-height: 1.71;
  }
}
.singleColumn__indexTxt::before {
  content: "";
  width: 10px;
  height: 10px;
  background: url(../images/common/arrow_lb.svg) center center/contain no-repeat;
  position: absolute;
  top: 8px;
  left: 0;
}
.singleColumn__indexTxt + .singleColumn__indexTxt {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .singleColumn__indexTxt + .singleColumn__indexTxt {
    margin-top: 8px;
  }
}
.singleColumn__indexTxtLink {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .singleColumn__indexTxtLink:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 768px) {
  .singleColumn__indexTxtLink {
    font-size: 14px;
    line-height: 1.71;
  }
}
.singleColumn__person {
  padding: 80px 20px 100px;
  border: 1px solid #DFE9EC;
  border-radius: 20px;
  margin-top: 120px !important;
}
@media screen and (max-width: 768px) {
  .singleColumn__person {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    padding: 40px 20px 40px;
    border-radius: 10px;
    margin-top: 30px !important;
  }
}
.singleColumn__personHeading {
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .singleColumn__personHeading {
    margin-bottom: 20px;
    font-size: 16px;
  }
}
.singleColumn__personInner {
  max-width: 900px;
  margin: 0 auto;
}
.singleColumn__fieldBtn {
  max-width: 820px;
  margin: 0 auto;
  margin-top: 140px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .singleColumn__fieldBtn {
    margin-top: 80px;
  }
}
.singleColumn__fieldBtn span {
  color: #282828;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  line-height: 1.33;
}
@media screen and (max-width: 768px) {
  .singleColumn__fieldBtn span {
    font-size: 18px;
    text-align: left;
  }
}
.singleColumn__fieldBtn .post__relatedBtn {
  color: #282828;
  margin-left: 0;
}
.singleColumn__fieldBtn .low__btnLink {
  background: #fff;
}
.singleColumn__fieldBtn.u-red .post__btnLinkArrow {
  border: 1px solid #C13465;
}
.singleColumn__fieldBtn.u-red .singleColumn__fieldBtnLink {
  border: 1px solid #C13465;
}
.singleColumn__fieldBtn.u-pink .post__btnLinkArrow {
  border: 1px solid #F07E9D;
}
.singleColumn__fieldBtn.u-pink .singleColumn__fieldBtnLink {
  border: 1px solid #F07E9D;
}
.singleColumn__fieldBtn.u-orange .post__btnLinkArrow {
  border: 1px solid #EA8A4F;
}
.singleColumn__fieldBtn.u-orange .singleColumn__fieldBtnLink {
  border: 1px solid #EA8A4F;
}
.singleColumn__fieldBtn.u-green .post__btnLinkArrow {
  border: 1px solid #34AEC4;
}
.singleColumn__fieldBtn.u-green .singleColumn__fieldBtnLink {
  border: 1px solid #34AEC4;
}
.singleColumn__fieldBtn.u-purple .post__btnLinkArrow {
  border: 1px solid #955CE0;
}
.singleColumn__fieldBtn.u-purple .singleColumn__fieldBtnLink {
  border: 1px solid #955CE0;
}
.singleColumn__fieldBtnLink {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  max-width: 820px;
  height: 120px;
  width: 100%;
  border: 1px solid #5FA6EB;
  border-radius: 20px;
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .singleColumn__fieldBtnLink:hover {
    opacity: 0.6;
  }
}
.singleColumn__fieldBtnLink {
  position: relative;
  padding-left: 30px;
  padding-right: 50px;
}
@media screen and (max-width: 768px) {
  .singleColumn__fieldBtnLink {
    padding: 30px 20px;
    padding-right: 100px;
    border-radius: 10px;
    height: fit-content;
  }
}
.singleColumn .post__relatedBtn.u-field {
  position: absolute;
  top: 50%;
  right: 40px;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .singleColumn .post__relatedBtn.u-field {
    right: 20px;
  }
}
.singleColumn .post__btnLinkArrow {
  border: 1px solid #5FA6EB;
}

/*====================================================================
.personalPageSec
====================================================================*/
.lowFv--personalPageSec {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.lowFv--archivePersonal {
  background: url(../images/personal/fv_pc.jpg) center center/cover no-repeat;
}
@media screen and (max-width: 768px) {
  .lowFv--archivePersonal {
    background: url(../images/personal/fv_sp.jpg) center center/cover no-repeat;
  }
}
.lowFv--archivePersonal::after {
  background: #fff;
}

.lowFv--archiveCorporation {
  background: url(../images/corporation/fv_pc.jpg) center center/cover no-repeat;
}
@media screen and (max-width: 768px) {
  .lowFv--archiveCorporation {
    background: url(../images/corporation/fv_sp.jpg) center center/cover no-repeat;
  }
}
.lowFv--archiveCorporation::after {
  background: #fff;
}

.personalPageSec .lowFv::after {
  background-color: #fff;
}
.personalPageSec__inner {
  max-width: 1240px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .personalPageSec__inner {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .personalPageSec__inner {
    padding: 0;
  }
}
.personalPageSec__innerBox {
  display: flex;
  flex-direction: row;
  border-top-left-radius: 20px;
}
.personalPageSec__innerBoxLeft {
  width: 480px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #DAE9F7;
  border-bottom-left-radius: 20px;
  position: relative;
}
.personalPageSec__innerBoxLeft::before {
  content: "";
  position: absolute;
  top: 93px;
  left: 0;
  width: 20px;
  height: 20px;
  background: url("../images/personal/personal-img11.jpg") center/cover no-repeat;
  z-index: 2;
}
.personalPageSec__innerBoxLeft.u-red {
  background-color: #F2D5DF;
}
.personalPageSec__innerBoxLeft.u-red::before {
  background: url("../images/personal/personal-img13.jpg") center/cover no-repeat;
}
.personalPageSec__innerBoxLeft.u-pink {
  background-color: #FFE9EF;
}
.personalPageSec__innerBoxLeft.u-pink::before {
  background: url("../images/personal/personal-img14.jpg") center/cover no-repeat;
}
.personalPageSec__innerBoxLeft.u-orange {
  background-color: #FCEEE5;
}
.personalPageSec__innerBoxLeft.u-orange::before {
  background: url("../images/personal/personal-img15.jpg") center/cover no-repeat;
}
.personalPageSec__innerBoxLeft.u-green {
  background-color: #DDF3F7;
}
.personalPageSec__innerBoxLeft.u-green::before {
  background: url("../images/personal/personal-img16.jpg") center/cover no-repeat;
}
.personalPageSec__innerBoxLeft.u-purple {
  background-color: #F5E6F9;
}
.personalPageSec__innerBoxLeft.u-purple::before {
  background: url("../images/personal/personal-img17.jpg") center/cover no-repeat;
}
.personalPageSec__innerBoxRight {
  width: calc(100% - 480px);
}
.personalPageSec__innerBoxLeftTitle {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .personalPageSec__innerBoxLeftTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.personalPageSec__innerBoxLeftTitle {
  font-weight: bold;
  font-size: 24px;
  background-color: #fff;
  padding: 10px 40px 40px 40px;
  border-bottom-right-radius: 20px;
}
.personalPageSec__innerBoxLeftMsg {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-weight: bold;
  font-size: 110px;
  color: #E5F0F9;
  background-color: #DAE9F7;
  border-top-left-radius: 20px;
  line-height: 0.6em;
  border-bottom-left-radius: 20px;
  padding-left: 40px;
}
.personalPageSec__innerBoxLeftMsg.u-red {
  background-color: #F2D5DF;
  color: #F6E2E9;
}
.personalPageSec__innerBoxLeftMsg.u-pink {
  background-color: #FFE9EF;
  color: #FFF0F4;
}
.personalPageSec__innerBoxLeftMsg.u-orange {
  background-color: #FCEEE5;
  color: #FDF3ED;
}
.personalPageSec__innerBoxLeftMsg.u-green {
  background-color: #DDF3F7;
  color: #E7F7F9;
}
.personalPageSec__innerBoxLeftMsg.u-purple {
  background-color: #F5E6F9;
  color: #F5EFFC;
}
.personalPageSec__innerBoxRightTextTitle {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .personalPageSec__innerBoxRightTextTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.personalPageSec__innerBoxRightText {
  padding: 56px 80px 80px 80px;
  background-color: #DAE9F7;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.personalPageSec__innerBoxRightText.u-red {
  background-color: #F2D5DF;
}
.personalPageSec__innerBoxRightText.u-pink {
  background-color: #FFE9EF;
}
.personalPageSec__innerBoxRightText.u-orange {
  background-color: #FCEEE5;
}
.personalPageSec__innerBoxRightText.u-green {
  background-color: #DDF3F7;
}
.personalPageSec__innerBoxRightText.u-purple {
  background-color: #F5E6F9;
}
.personalPageSec__innerBoxSp {
  padding-top: 30px;
}
.personalPageSec__innerBoxSpTitle {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .personalPageSec__innerBoxSpTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.personalPageSec__innerBoxSpTitle {
  font-weight: bold;
  font-size: 18px;
  padding: 0 20px;
}
.personalPageSec__innerBoxSpTextArea {
  background-color: #DAE9F7;
  border-radius: 10px;
  padding: 30px 20px 80px;
  position: relative;
  margin-top: 30px;
}
.personalPageSec__innerBoxSpTextArea.u-red {
  background-color: #F2D5DF;
}
.personalPageSec__innerBoxSpTextArea.u-pink {
  background-color: #FFE9EF;
}
.personalPageSec__innerBoxSpTextArea.u-orange {
  background-color: #FCEEE5;
}
.personalPageSec__innerBoxSpTextArea.u-green {
  background-color: #DDF3F7;
}
.personalPageSec__innerBoxSpTextArea.u-purple {
  background-color: #F0E8FB;
}
.personalPageSec__innerBoxSpText {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .personalPageSec__innerBoxSpText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.personalPageSec__innerBoxSpText {
  font-size: 14px;
  line-height: 24px;
}
.personalPageSec__innerBoxSpMsg {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-weight: bold;
  font-size: 80px;
  color: #E5F0F9;
  position: absolute;
  left: -4px;
  bottom: 0px;
  line-height: 0.6;
}
.personalPageSec__innerBoxSpMsg.u-red {
  color: #F6E2E9;
}
.personalPageSec__innerBoxSpMsg.u-pink {
  color: #FFF0F4;
}
.personalPageSec__innerBoxSpMsg.u-orange {
  color: #FDF3ED;
}
.personalPageSec__innerBoxSpMsg.u-green {
  color: #E7F7F9;
}
.personalPageSec__innerBoxSpMsg.u-purple {
  color: #F5EFFC;
}
.personalPageSec__thoughts {
  width: 720px;
  margin: 160px auto 160px;
  padding: 0 20px;
}
@media screen and (max-width: 768px) {
  .personalPageSec__thoughts {
    width: 100%;
    margin: 160px auto 120px;
  }
}
.personalPageSec__thoughtsInnerTitle {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .personalPageSec__thoughtsInnerTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.personalPageSec__thoughtsInnerTitle {
  font-weight: bold;
  font-size: 24px;
  color: #4991D8;
  text-align: center;
  position: relative;
  margin-bottom: 60px;
}
.personalPageSec__thoughtsInnerTitle.u-red {
  color: #C13465;
}
.personalPageSec__thoughtsInnerTitle.u-pink {
  color: #ED557E;
}
.personalPageSec__thoughtsInnerTitle.u-orange {
  color: #EA8A4F;
}
.personalPageSec__thoughtsInnerTitle.u-green {
  color: #34AEC4;
}
.personalPageSec__thoughtsInnerTitle.u-purple {
  color: #955CE0;
}
.personalPageSec__thoughtsInnerTitle::before {
  content: "";
  position: absolute;
  top: -45%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 47px;
  background: url("../images/personal/personal-img02.png") center/cover no-repeat;
}
@media screen and (max-width: 768px) {
  .personalPageSec__thoughtsInnerTitle {
    margin-bottom: 30px;
  }
}
.personalPageSec__thoughtsInnerText {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .personalPageSec__thoughtsInnerText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.personalPageSec__thoughtsInnerText {
  font-size: 18px;
  line-height: 44px;
}
@media screen and (max-width: 768px) {
  .personalPageSec__thoughtsInnerText {
    font-size: 16px;
    line-height: 28px;
  }
}
.personalPageSec__mission {
  max-width: 1240px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .personalPageSec__mission {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .personalPageSec__mission {
    padding: 0;
  }
}
.personalPageSec__missionInner {
  display: flex;
  padding: 100px 100px 124px;
  border-top: 1px solid #DFE9EC;
  border-left: 1px solid #DFE9EC;
  border-right: 1px solid #DFE9EC;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  justify-content: space-between;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .personalPageSec__missionInner {
    padding: 36px 20px 60px;
    flex-direction: column;
    gap: 0;
  }
}
.personalPageSec__missionVision {
  display: flex;
  padding: 100px 100px 135px;
  border: 1px solid #DFE9EC;
  border-radius: 20px;
  margin-top: -20px;
  justify-content: space-between;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .personalPageSec__missionVision {
    padding: 36px 20px 60px;
    flex-direction: column;
    gap: 0;
  }
}
.personalPageSec__missionInnerTitle, .personalPageSec__missionVisionTitle {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 88px;
  font-weight: bold;
  color: rgba(73, 144, 216, 0.2);
}
.personalPageSec__missionInnerTitle.u-red, .personalPageSec__missionVisionTitle.u-red {
  color: #F3D7E1;
}
.personalPageSec__missionInnerTitle.u-pink, .personalPageSec__missionVisionTitle.u-pink {
  color: #FCE6EC;
}
.personalPageSec__missionInnerTitle.u-orange, .personalPageSec__missionVisionTitle.u-orange {
  color: #FBE8DC;
}
.personalPageSec__missionInnerTitle.u-green, .personalPageSec__missionVisionTitle.u-green {
  color: #D7EFF3;
}
.personalPageSec__missionInnerTitle.u-purple, .personalPageSec__missionVisionTitle.u-purple {
  color: #EADFF9;
}
@media screen and (max-width: 768px) {
  .personalPageSec__missionInnerTitle, .personalPageSec__missionVisionTitle {
    font-size: 60px;
    margin-bottom: 10px;
  }
}
.personalPageSec__missionInnerText, .personalPageSec__missionVisionText {
  width: 540px;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .personalPageSec__missionInnerText, .personalPageSec__missionVisionText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.personalPageSec__missionInnerText, .personalPageSec__missionVisionText {
  font-size: 24px;
  line-height: 42px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .personalPageSec__missionInnerText, .personalPageSec__missionVisionText {
    width: 100%;
    font-size: 18px;
    line-height: 30px;
  }
}
.personalPageSec__strength {
  max-width: 1160px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .personalPageSec__strength {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.personalPageSec__strength {
  margin: 180px auto 140px;
}
@media screen and (max-width: 768px) {
  .personalPageSec__strength {
    margin: 80px auto;
    padding: 0 20px;
  }
}
.personalPageSec__strengthInner {
  display: flex;
  justify-content: space-between;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .personalPageSec__strengthInner {
    display: block;
    margin-bottom: 40px;
  }
}
.personalPageSec__strengthInnerTitle {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .personalPageSec__strengthInnerTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.personalPageSec__strengthInnerTitle {
  font-weight: bold;
  font-size: 24px;
  width: 35%;
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .personalPageSec__strengthInnerTitle {
    font-size: 20px;
    margin-bottom: 15px;
    width: 100%;
  }
}
.personalPageSec__strengthInnerText {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .personalPageSec__strengthInnerText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.personalPageSec__strengthInnerText {
  width: 62%;
}
@media screen and (max-width: 768px) {
  .personalPageSec__strengthInnerText {
    width: 100%;
  }
}
.personalPageSec__strengthWrap {
  display: flex;
  justify-content: space-between;
  gap: 32px;
}
@media screen and (max-width: 768px) {
  .personalPageSec__strengthWrap {
    flex-direction: column;
    gap: 40px;
  }
}
.personalPageSec__strengthWrapItem {
  width: 33.3333333333%;
}
@media screen and (max-width: 768px) {
  .personalPageSec__strengthWrapItem {
    width: 100%;
  }
}
.personalPageSec__strengthWrapItemInnerTitle {
  display: flex;
  justify-content: space-between;
  gap: 19px;
}
@media screen and (max-width: 768px) {
  .personalPageSec__strengthWrapItemInnerTitle {
    gap: 17px;
  }
}
.personalPageSec__strengthWrapItemInnerImage {
  max-width: 303px;
}
@media screen and (max-width: 768px) {
  .personalPageSec__strengthWrapItemInnerImage {
    max-width: 100%;
  }
}
.personalPageSec__strengthWrapItemInnerTitleText {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 28px;
  color: #4991D8;
  font-weight: bold;
  letter-spacing: 0.05em;
  position: relative;
}
.personalPageSec__strengthWrapItemInnerTitleText.u-red {
  color: #C13465;
}
.personalPageSec__strengthWrapItemInnerTitleText.u-red::before {
  background: url("../images/personal/personal-img12.png") center/cover no-repeat;
}
.personalPageSec__strengthWrapItemInnerTitleText.u-pink {
  color: #F07E9D;
}
.personalPageSec__strengthWrapItemInnerTitleText.u-pink::before {
  background: url("../images/personal/personal-img18.png") center/cover no-repeat;
}
.personalPageSec__strengthWrapItemInnerTitleText.u-orange {
  color: #EA8A4F;
}
.personalPageSec__strengthWrapItemInnerTitleText.u-orange::before {
  background: url("../images/personal/personal-img19.png") center/cover no-repeat;
}
.personalPageSec__strengthWrapItemInnerTitleText.u-green {
  color: #34AEC4;
}
.personalPageSec__strengthWrapItemInnerTitleText.u-green::before {
  background: url("../images/personal/personal-img20.png") center/cover no-repeat;
}
.personalPageSec__strengthWrapItemInnerTitleText.u-purple {
  color: #955CE0;
}
.personalPageSec__strengthWrapItemInnerTitleText.u-purple::before {
  background: url("../images/personal/personal-img21.png") center/cover no-repeat;
}
.personalPageSec__strengthWrapItemInnerTitleText::before {
  content: "";
  position: absolute;
  left: 0;
  top: 28px;
  width: 20px;
  height: 63px;
  background: url("../images/personal/personal-img09.png") center/cover no-repeat;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .personalPageSec__strengthWrapItemInnerTitleText {
    font-size: 20px;
  }
  .personalPageSec__strengthWrapItemInnerTitleText::before {
    width: 17px;
    height: 53px;
    top: 23px;
  }
}
.personalPageSec__strengthWrapItemInnerTextText {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .personalPageSec__strengthWrapItemInnerTextText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.personalPageSec__strengthWrapItemInnerTextText {
  font-size: 16px;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .personalPageSec__strengthWrapItemInnerTextText {
    font-size: 14px;
    padding-left: 36px;
    margin-top: 20px;
  }
}
.personalPageSec__case {
  background-color: #87BAED;
  border-radius: 40px;
}
.personalPageSec__case.u-red {
  background-color: #D5658D;
}
.personalPageSec__case.u-pink {
  background-color: #EB98AF;
}
.personalPageSec__case.u-orange {
  background-color: #EFAF88;
}
.personalPageSec__case.u-green {
  background-color: #6ECDDE;
}
.personalPageSec__case.u-purple {
  background-color: #A98FDB;
}
.personalPageSec__caseInner {
  max-width: 1160px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .personalPageSec__caseInner {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.personalPageSec__caseInner {
  padding: 120px 20px;
}
@media screen and (max-width: 768px) {
  .personalPageSec__caseInner {
    padding: 60px 20px 60px;
  }
}
.personalPageSec__caseInnerBox {
  display: flex;
  justify-content: space-between;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .personalPageSec__caseInnerBox {
    display: block;
    margin-bottom: 20px;
  }
}
.personalPageSec__caseInnerTitle {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .personalPageSec__caseInnerTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.personalPageSec__caseInnerTitle {
  font-weight: bold;
  font-size: 24px;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .personalPageSec__caseInnerTitle {
    font-size: 20px;
    margin-bottom: 18px;
  }
}
.personalPageSec__caseInnerText {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .personalPageSec__caseInnerText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.personalPageSec__caseInnerText {
  width: 760px;
  color: #fff;
  line-height: 34px;
}
@media screen and (max-width: 768px) {
  .personalPageSec__caseInnerText {
    width: 100%;
    line-height: 24px;
  }
}
.personalPageSec__caseInnerBoxList {
  max-width: 960px;
  margin: 20px auto 20px;
  display: flex;
  justify-content: space-between;
  gap: 140px;
  position: relative;
}
.personalPageSec__caseInnerBoxList::before {
  position: absolute;
  content: "";
  display: block;
  width: 38px;
  height: 76px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("../images/personal/personal-arrblue.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: 0.6s;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .personalPageSec__caseInnerBoxList {
    max-width: 100%;
    flex-direction: column;
    align-items: center;
    gap: 70px;
  }
  .personalPageSec__caseInnerBoxList::before {
    width: 58px;
    height: 28px;
    background-image: url("../images/personal/personal-arrblue_sp.png");
  }
}
.personalPageSec__caseInnerBoxListItem {
  background-color: #fff;
  width: 410px;
  height: 410px;
  border-radius: 50%;
  border: 12px solid #4991D8;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.personalPageSec__caseInnerBoxListItem.u-red {
  border: 12px solid #C13465;
}
@media screen and (max-width: 768px) {
  .personalPageSec__caseInnerBoxListItem.u-red {
    border: 8px solid #C13465;
  }
}
.personalPageSec__caseInnerBoxListItem.u-pink {
  border: 12px solid #F07E9D;
}
@media screen and (max-width: 768px) {
  .personalPageSec__caseInnerBoxListItem.u-pink {
    border: 8px solid #F07E9D;
  }
}
.personalPageSec__caseInnerBoxListItem.u-orange {
  border: 12px solid #EA8A4F;
}
@media screen and (max-width: 768px) {
  .personalPageSec__caseInnerBoxListItem.u-orange {
    border: 8px solid #EA8A4F;
  }
}
.personalPageSec__caseInnerBoxListItem.u-green {
  border: 12px solid #34AEC4;
}
@media screen and (max-width: 768px) {
  .personalPageSec__caseInnerBoxListItem.u-green {
    border: 8px solid #34AEC4;
  }
}
.personalPageSec__caseInnerBoxListItem.u-purple {
  border: 12px solid #955CE0;
}
@media screen and (max-width: 768px) {
  .personalPageSec__caseInnerBoxListItem.u-purple {
    border: 8px solid #955CE0;
  }
}
@media screen and (max-width: 768px) {
  .personalPageSec__caseInnerBoxListItem {
    width: 80vw;
    height: 80vw;
    max-width: 410px;
    max-height: 410px;
    min-width: 300px;
    min-height: 300px;
    border: 8px solid #4991D8;
  }
}
.personalPageSec__caseInnerBoxListItemTitle {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .personalPageSec__caseInnerBoxListItemTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.personalPageSec__caseInnerBoxListItemTitle {
  font-weight: bold;
  font-size: 22px;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .personalPageSec__caseInnerBoxListItemTitle {
    font-size: 20px;
  }
}
.personalPageSec__caseInnerBoxListItemYear {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .personalPageSec__caseInnerBoxListItemYear {
    font-size: 14px;
    line-height: 1.8;
  }
}
.personalPageSec__caseInnerBoxListItemYear {
  font-size: 15px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .personalPageSec__caseInnerBoxListItemYear {
    font-size: 13px;
  }
}
.personalPageSec__caseInnerBoxListItemNumber {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 88px;
  font-weight: bold;
  color: #4991D8;
}
.personalPageSec__caseInnerBoxListItemNumber.u-red {
  color: #C13465;
}
.personalPageSec__caseInnerBoxListItemNumber.u-pink {
  color: #F07E9D;
}
.personalPageSec__caseInnerBoxListItemNumber.u-orange {
  color: #EA8A4F;
}
.personalPageSec__caseInnerBoxListItemNumber.u-green {
  color: #34AEC4;
}
.personalPageSec__caseInnerBoxListItemNumber.u-purple {
  color: #955CE0;
}
.personalPageSec__caseInnerBoxListItemNumber span {
  color: #111;
  font-size: 22px;
}
@media screen and (max-width: 768px) {
  .personalPageSec__caseInnerBoxListItemNumber {
    font-size: 68px;
    font-weight: 900;
  }
  .personalPageSec__caseInnerBoxListItemNumber span {
    font-size: 20px;
  }
}
.personalPageSec__merit {
  max-width: 1240px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .personalPageSec__merit {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.personalPageSec__merit {
  margin: 140px auto 0;
  position: relative;
}
@media screen and (max-width: 768px) {
  .personalPageSec__merit {
    margin: 80px auto 0;
    padding: 0;
  }
}
.personalPageSec__merit::after {
  display: block;
  content: "";
  background: #FAFAFA;
  width: 200%;
  height: 122px;
  position: absolute;
  bottom: 0;
  left: -50%;
  z-index: 0;
}
.personalPageSec__meritInner {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .personalPageSec__meritInner {
    display: block;
    margin-bottom: 40px;
  }
}
.personalPageSec__meritInnerTitle {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .personalPageSec__meritInnerTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.personalPageSec__meritInnerTitle {
  font-weight: bold;
  font-size: 24px;
  width: 35%;
  margin-right: 10px;
  min-width: fit-content;
}
@media screen and (max-width: 768px) {
  .personalPageSec__meritInnerTitle {
    width: 100%;
    padding: 0 20px;
    margin-bottom: 16px;
  }
}
.personalPageSec__meritInnerText {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .personalPageSec__meritInnerText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.personalPageSec__meritInnerText {
  width: 62%;
  line-height: 34px;
}
@media screen and (max-width: 768px) {
  .personalPageSec__meritInnerText {
    width: 100%;
    padding: 0 20px;
    line-height: 24px;
  }
}
.personalPageSec__meritList {
  display: flex;
  justify-content: space-between;
  gap: 60px;
  padding: 40px 40px 80px 40px;
  border-top: 1px solid #DFE9EC;
  border-left: 1px solid #DFE9EC;
  border-right: 1px solid #DFE9EC;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  background: #fff;
  position: relative;
  z-index: 1;
}
.personalPageSec__meritList.u-02 {
  border: 1px solid #DFE9EC;
  border-radius: 20px;
  margin-top: -20px;
  padding-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .personalPageSec__meritList {
    padding: 25px 20px 50px 20px;
    flex-direction: column-reverse;
    gap: 20px;
  }
  .personalPageSec__meritList.u-02 {
    flex-direction: column;
    padding-bottom: 40px;
  }
}
.personalPageSec__meritListItemPix {
  width: 460px;
}
@media screen and (max-width: 768px) {
  .personalPageSec__meritListItemPix {
    width: 100%;
  }
}
.personalPageSec__meritListItem {
  width: calc(100% - 520px);
}
@media screen and (max-width: 768px) {
  .personalPageSec__meritListItem {
    width: 100%;
  }
}
.personalPageSec__meritListItemNumber {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #5FA6EB;
}
.personalPageSec__meritListItemNumber.u-02 {
  text-align: right;
}
.personalPageSec__meritListItemNumber.u-red {
  color: #C13465;
}
.personalPageSec__meritListItemNumber.u-pink {
  color: #F07E9D;
}
.personalPageSec__meritListItemNumber.u-orange {
  color: #EA8A4F;
}
.personalPageSec__meritListItemNumber.u-green {
  color: #34AEC4;
}
.personalPageSec__meritListItemNumber.u-purple {
  color: #955CE0;
}
@media screen and (max-width: 768px) {
  .personalPageSec__meritListItemNumber {
    font-size: 12px;
    margin-bottom: 12px;
  }
}
.personalPageSec__meritListItemContent {
  margin-top: 90px;
}
@media screen and (max-width: 768px) {
  .personalPageSec__meritListItemContent {
    margin-top: 0;
  }
}
.personalPageSec__meritListItemTitle {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .personalPageSec__meritListItemTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.personalPageSec__meritListItemTitle {
  font-weight: bold;
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .personalPageSec__meritListItemTitle {
    font-size: 18px;
  }
}
.personalPageSec__meritListItemText {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .personalPageSec__meritListItemText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.personalPageSec__meritListItemText {
  font-size: 16px;
  margin-top: 20px;
  line-height: 28px;
}
@media screen and (max-width: 768px) {
  .personalPageSec__meritListItemText {
    font-size: 14px;
    margin-top: 20px;
    line-height: 24px;
  }
}
.personalPageSec__meritListItemPixText {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .personalPageSec__meritListItemPixText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.personalPageSec__meritListItemPixText {
  font-size: 16px;
  margin-top: 12px;
  line-height: 28px;
  text-align: right;
}
.personalPageSec__meritListItemPixText.u-02 {
  text-align: left;
}
@media screen and (max-width: 768px) {
  .personalPageSec__meritListItemPixText {
    font-size: 14px;
    margin-top: 10px;
    line-height: 24px;
  }
  .personalPageSec__meritListItemPixText.u-02 {
    text-align: right;
  }
}
.personalPageSec__lawyerInner {
  max-width: 1240px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .personalPageSec__lawyerInner {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.personalPageSec__lawyerInner {
  margin: 160px auto 0;
}
@media screen and (max-width: 768px) {
  .personalPageSec__lawyerInner {
    margin: 80px auto 0;
    padding: 0;
  }
}
.personalPageSec__lawyerInnerList {
  display: flex;
}
@media screen and (max-width: 768px) {
  .personalPageSec__lawyerInnerList {
    display: block;
  }
}
.personalPageSec__lawyerInnerListItem {
  display: block;
  overflow: hidden;
  width: 33.3333333333%;
}
.personalPageSec__lawyerInnerListItem:hover .personalPageSec__lawyerInnerListItemImageImg {
  transform: scale(1.08);
}
@media screen and (max-width: 768px) {
  .personalPageSec__lawyerInnerListItem {
    width: 100%;
  }
  .personalPageSec__lawyerInnerListItem:hover .personalPageSec__lawyerInnerListItemImageImg {
    transform: scale(1);
  }
  .personalPageSec__lawyerInnerListItem.u-02 {
    display: none;
  }
  .personalPageSec__lawyerInnerListItem.u-03 {
    display: none;
  }
}
.personalPageSec__lawyerInnerListItemImage {
  overflow: hidden;
  aspect-ratio: 4/3;
  max-width: 400px;
}
.personalPageSec__lawyerInnerListItemImageImg {
  display: block;
  transition: 0.6s;
  height: 100%;
  object-fit: cover;
}
.personalPageSec__lawyerInnerTitle {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .personalPageSec__lawyerInnerTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.personalPageSec__lawyerInnerTitle {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 60px;
  text-align: center;
}
.personalPageSec__lawyerInnerTitle:after {
  content: "";
  display: block;
  width: 30px;
  height: 1px;
  background-color: #5FA6EB;
  margin: 35px auto 0;
}
@media screen and (max-width: 768px) {
  .personalPageSec__lawyerInnerTitle {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 40px;
  }
  .personalPageSec__lawyerInnerTitle:after {
    margin: 35px auto 0;
  }
}
.personalPageSec__lawyerInnerListItemName {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 24px;
  color: #1544A3;
  font-weight: bold;
  letter-spacing: 0.05em;
  position: relative;
  background-color: #fff;
  padding: 20px 20px 10px 20px;
  max-width: 300px;
  border-top-right-radius: 20px;
  margin-top: -30px;
}
.personalPageSec__lawyerInnerListItemText {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .personalPageSec__lawyerInnerListItemText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.personalPageSec__lawyerInnerListItemText {
  font-size: 14px;
  padding-left: 40px;
  line-height: 28px;
  position: relative;
}
.personalPageSec__lawyerInnerListItemText:after {
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  background-color: #5FA6EB;
  position: absolute;
  left: 20px;
  top: 50%;
}
.personalPageSec__lawyerInnerListItemLinkList {
  display: flex;
  margin-top: 12px;
  padding: 0 20px;
  flex-wrap: wrap;
}
.personalPageSec__lawyerInnerListItemLinkListLink {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .personalPageSec__lawyerInnerListItemLinkListLink {
    font-size: 14px;
    line-height: 1.8;
  }
}
.personalPageSec__lawyerInnerListItemLinkListLink {
  font-size: 14px;
  color: #1544A3;
  padding: 1px 20px 3px;
  background-color: #fff;
  border-radius: 20px;
  margin-right: 10px;
  border: 1px solid #5FA6EB;
  line-height: 20px;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .personalPageSec__lawyerInnerListItemLinkListLink {
    font-size: 12px;
    padding: 1px 10px 3px;
    margin-right: 5px;
  }
}
.personalPageSec__innerBnt {
  width: 640px;
  margin: 80px auto 0;
}
@media screen and (max-width: 768px) {
  .personalPageSec__innerBnt {
    width: 100%;
    margin: 60px auto 0;
  }
}
.personalPageSec__innerBntLink {
  display: block;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .personalPageSec__innerBntLink {
    font-size: 14px;
    line-height: 1.8;
  }
}
.personalPageSec__innerBntLink {
  padding: 21px 60px 21px 30px;
  border: 1px solid #519FED;
  font-weight: bold;
  background-color: #519FED;
  text-align: center;
  transition: 0.6s;
  position: relative;
  border-radius: 50px;
  color: #fff;
  font-size: 20px;
}
.personalPageSec__innerBntLink::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 84%;
  width: 20px;
  height: 10px;
  transform: translate(-50%, -50%);
  background-image: url("../images/common/arrow.png");
  transition: 0.4s;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: 0.6s;
}
.personalPageSec__innerBntLink {
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .personalPageSec__innerBntLink:hover {
    background-color: #5FA6EB;
    color: #fff;
    border: 1px solid #5FA6EB;
  }
  .personalPageSec__innerBntLink:hover::after {
    left: 86%;
  }
}
@media screen and (max-width: 768px) {
  .personalPageSec__innerBntLink {
    font-size: 14px;
    font-weight: bold;
    width: 335px;
    padding: 17px 20px 15px 30px;
    margin: 0 auto;
  }
  .personalPageSec__innerBntLink::after {
    left: 91%;
  }
}

.personalPageSingle .lowFv::after {
  background: #fff;
}
.personalPageSingle .siteFooter {
  margin-top: 140px;
}
@media screen and (max-width: 768px) {
  .personalPageSingle .siteFooter {
    margin-top: 80px;
  }
}
.personalPageSingle__bottomArea {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 30;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  pointer-events: none;
  /* 背景は PC 用の floatingBanner 側（全幅のままだと transform だけ子に付くと外枠が残る） */
}
.personalPageSingle__floatingBannerInner {
  max-width: 1120px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .personalPageSingle__floatingBannerInner {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.personalPageSingle__floatingBannerInner {
  display: flex;
  align-items: center;
  pointer-events: auto;
  justify-content: space-between;
}
.personalPageSingle__floatingBanner {
  width: 100%;
  min-height: 110px;
  padding: 30px 0;
  border-top: 1px solid #5FA6EB;
  background-color: #F2FBFF;
}
@media screen and (max-width: 768px) {
  .personalPageSingle__floatingBanner {
    display: none;
  }
}
.personalPageSingle__floatingBanner.u-red {
  border-top-color: #C13465;
  background-color: #FEF0F4;
}
.personalPageSingle__floatingBanner.u-red .personalPageSingle__floatingBannerContactLink {
  border-color: #C13465;
  background-color: #C13465;
}
@media screen and (min-width: 769px) {
  .personalPageSingle__floatingBanner.u-red .personalPageSingle__floatingBannerContactLink:hover {
    background-color: #C13465;
    border-color: #C13465;
  }
}
.personalPageSingle__floatingBanner.u-pink {
  border-top-color: #F07E9D;
  background-color: #FFF5F8;
}
.personalPageSingle__floatingBanner.u-pink .personalPageSingle__floatingBannerContactLink {
  border-color: #F07E9D;
  background-color: #F07E9D;
}
@media screen and (min-width: 769px) {
  .personalPageSingle__floatingBanner.u-pink .personalPageSingle__floatingBannerContactLink:hover {
    background-color: #F07E9D;
    border-color: #F07E9D;
  }
}
.personalPageSingle__floatingBanner.u-orange {
  border-top-color: #EA8A4F;
  background-color: #FFF5EE;
}
.personalPageSingle__floatingBanner.u-orange .personalPageSingle__floatingBannerContactLink {
  border-color: #EA8A4F;
  background-color: #EA8A4F;
}
@media screen and (min-width: 769px) {
  .personalPageSingle__floatingBanner.u-orange .personalPageSingle__floatingBannerContactLink:hover {
    background-color: #EA8A4F;
    border-color: #EA8A4F;
  }
}
.personalPageSingle__floatingBanner.u-green {
  border-top-color: #34AEC4;
  background-color: #F0FBFC;
}
.personalPageSingle__floatingBanner.u-green .personalPageSingle__floatingBannerContactLink {
  border-color: #34AEC4;
  background-color: #34AEC4;
}
@media screen and (min-width: 769px) {
  .personalPageSingle__floatingBanner.u-green .personalPageSingle__floatingBannerContactLink:hover {
    background-color: #34AEC4;
    border-color: #34AEC4;
  }
}
.personalPageSingle__floatingBanner.u-purple {
  border-top-color: #955CE0;
  background-color: #F8F0FF;
}
.personalPageSingle__floatingBanner.u-purple .personalPageSingle__floatingBannerContactLink {
  border-color: #955CE0;
  background-color: #955CE0;
}
@media screen and (min-width: 769px) {
  .personalPageSingle__floatingBanner.u-purple .personalPageSingle__floatingBannerContactLink:hover {
    background-color: #955CE0;
    border-color: #955CE0;
  }
}
.personalPageSingle__floatingBannerSp {
  display: none;
}
@media screen and (max-width: 768px) {
  .personalPageSingle__floatingBannerSp {
    display: flex;
    width: 100%;
    pointer-events: auto;
    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.12);
  }
}
.personalPageSingle__floatingBannerSp.u-red .personalPageSingle__floatingBannerSpArea {
  background-color: #8B1A3C;
}
.personalPageSingle__floatingBannerSp.u-red .personalPageSingle__floatingBannerSpArea.u-02 {
  background-color: #C13465;
}
.personalPageSingle__floatingBannerSp.u-pink .personalPageSingle__floatingBannerSpArea {
  background-color: #C4416A;
}
.personalPageSingle__floatingBannerSp.u-pink .personalPageSingle__floatingBannerSpArea.u-02 {
  background-color: #F07E9D;
}
.personalPageSingle__floatingBannerSp.u-orange .personalPageSingle__floatingBannerSpArea {
  background-color: #B85D2A;
}
.personalPageSingle__floatingBannerSp.u-orange .personalPageSingle__floatingBannerSpArea.u-02 {
  background-color: #EA8A4F;
}
.personalPageSingle__floatingBannerSp.u-green .personalPageSingle__floatingBannerSpArea {
  background-color: #1A7A90;
}
.personalPageSingle__floatingBannerSp.u-green .personalPageSingle__floatingBannerSpArea.u-02 {
  background-color: #34AEC4;
}
.personalPageSingle__floatingBannerSp.u-purple .personalPageSingle__floatingBannerSpArea {
  background-color: #5E2CA5;
}
.personalPageSingle__floatingBannerSp.u-purple .personalPageSingle__floatingBannerSpArea.u-02 {
  background-color: #955CE0;
}
.personalPageSingle__floatingBannerSpArea {
  display: block;
  background-color: #1444A3;
  width: 50%;
}
.personalPageSingle__floatingBannerSpArea.u-02 {
  background-color: #5FA6EB;
}
.personalPageSingle__floatingBannerSpArea.u-w100 {
  width: 100%;
}
.personalPageSingle__floatingBannerSpLink {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 88px;
  padding: 12px 8px;
  text-decoration: none;
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .personalPageSingle__floatingBannerSpLink {
    font-size: 14px;
    line-height: 1.8;
  }
}
.personalPageSingle__floatingBannerSpLink {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
}
.personalPageSingle__floatingBannerSpBgImg {
  display: block;
  width: 86px;
}
.personalPageSingle__floatingBannerTelArea {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 540px;
  gap: 10px;
}
.personalPageSingle__floatingBannerTelIcon {
  width: 62px;
  min-width: 62px;
  height: 62px;
}
.personalPageSingle__floatingBannerTelContent {
  max-width: 460px;
}
.personalPageSingle__floatingBannerTelTop {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .personalPageSingle__floatingBannerTelTop {
    font-size: 14px;
    line-height: 1.8;
  }
}
.personalPageSingle__floatingBannerTelTop {
  font-size: 16px;
  line-height: 28px;
  font-weight: bold;
}
.personalPageSingle__floatingBannerTelNumberInner {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .personalPageSingle__floatingBannerTelNumberInner {
    font-size: 14px;
    line-height: 1.8;
  }
}
.personalPageSingle__floatingBannerTelNumberInner {
  font-size: 16px;
  line-height: 28px;
  font-weight: bold;
  color: #1544A3;
  letter-spacing: 0.02em;
}
.personalPageSingle__floatingBannerTelNumber {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 26px;
  line-height: 1;
  color: #1544A3;
  font-weight: bold;
  letter-spacing: 0.02em;
}
.personalPageSingle__floatingBannerTelBottom {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .personalPageSingle__floatingBannerTelBottom {
    font-size: 14px;
    line-height: 1.8;
  }
}
.personalPageSingle__floatingBannerTelBottom {
  font-size: 12px;
  background-color: #fff;
  padding: 3px 8px;
}
.personalPageSingle__floatingBannerContactArea.u-center {
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .personalPageSingle__floatingBannerContactArea.u-center {
    width: 100%;
  }
}
.personalPageSingle__floatingBannerContactLink {
  display: block;
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  padding: 24px 60px 23px 30px;
  border: 1px solid #5FA6EB;
  font-weight: bold;
  background-color: #5FA6EB;
  transition: 0.6s;
  position: relative;
  border-radius: 34px;
  color: #fff;
  font-size: 1.6rem;
  width: 460px;
  text-align: center;
}
.personalPageSingle__floatingBannerContactLink::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 84%;
  width: 42px;
  height: 30px;
  transform: translate(-50%, -50%);
  background-image: url("../images/common/icon-mian.png");
  transition: 0.4s;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: 0.6s;
}
.personalPageSingle__floatingBannerContactLink {
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .personalPageSingle__floatingBannerContactLink:hover {
    background-color: #5FA6EB;
    color: #fff;
    border: 1px solid #5FA6EB;
  }
  .personalPageSingle__floatingBannerContactLink:hover::after {
    left: 86%;
  }
}

body.single-personal,
body.single-corporation {
  padding-bottom: 110px;
}
@media screen and (max-width: 768px) {
  body.single-personal,
  body.single-corporation {
    padding-bottom: 88px;
  }
}

/*===================
エディタースタイル
===================*/
pre {
  white-space: pre-wrap;
}

.editor {
  width: 100%;
  font-size: 16px;
  overflow-wrap: break-word;
  word-break: break-word;
}
@media screen and (max-width: 768px) {
  .editor {
    font-size: 14px;
  }
}
.editor * {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .editor * {
    font-size: 14px;
  }
}
.editor:nth-child(1) {
  margin-top: 0;
}
.editor a {
  color: #4991D8;
  text-decoration: underline;
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .editor a:hover {
    opacity: 0.6;
  }
}
.editor h1,
.editor h2,
.editor h4,
.editor h5,
.editor h6 {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .editor h1,
  .editor h2,
  .editor h4,
  .editor h5,
  .editor h6 {
    margin-top: 20px;
  }
}
.editor h1 {
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.36;
}
.editor h2 {
  padding: 10px 20px 12px;
  border-radius: 10px;
  background: #4991D8;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.58;
  color: #fff;
  margin-bottom: 30px;
  margin-top: 60px;
}
.editor h2 span {
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  .editor h2 {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    border-radius: 0;
    font-size: 18px;
    margin-bottom: 20px;
  }
  .editor h2 span {
    font-size: 18px;
  }
}
.editor h3 {
  padding: 0 20px 20px;
  border-bottom: 1px solid #DFE9ED;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  margin-top: 50px;
  margin-bottom: 20px;
}
.editor h3 span {
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .editor h3 {
    padding: 0 0 10px;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .editor h3 span {
    font-size: 16px;
  }
}
.editor h4 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.56;
}
@media screen and (max-width: 768px) {
  .editor h4 {
    font-size: 15px;
  }
}
.editor h5 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.56;
}
@media screen and (max-width: 768px) {
  .editor h5 {
    font-size: 15px;
  }
}
.editor h6 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.56;
}
@media screen and (max-width: 768px) {
  .editor h6 {
    font-size: 15px;
  }
}
.editor h1 + h2,
.editor h2 + h3,
.editor h3 + h4,
.editor h4 + h5,
.editor h5 + h6 {
  margin-top: 1.5em;
}
.editor p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.75;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .editor p {
    font-size: 14px;
  }
}
.editor p strong {
  font-weight: bold !important;
}
.editor .supplement {
  padding-left: 29px;
  padding-right: 29px;
}
.editor p + h1,
.editor p + h2 {
  margin-top: 50px;
}
.editor p + h3,
.editor p + h4,
.editor p + h5,
.editor p + h6 {
  margin-top: 50px;
}
.editor strong {
  font-weight: bold;
}
.editor strong span {
  font-weight: bold !important;
}
.editor em {
  font-style: italic;
}
.editor ul {
  list-style: none;
  padding-left: 0;
}
.editor ul li {
  position: relative;
  padding-left: 29px;
  padding-right: 14px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #DFE9ED;
  line-height: 1.57;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .editor ul li {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
.editor ul li::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 30px;
  width: 6px;
  height: 6px;
  background: url("../images/common/list-marker.svg") no-repeat center/contain;
}
@media screen and (max-width: 768px) {
  .editor ul li::before {
    top: 21px;
  }
}
.editor ol {
  list-style: none;
  padding-left: 0;
  counter-reset: ol-counter;
}
.editor ol li {
  counter-increment: ol-counter;
  position: relative;
  padding-left: 44px;
  padding-right: 14px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #DFE9ED;
  line-height: 1.57;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .editor ol li {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
.editor ol li::before {
  content: counter(ol-counter);
  position: absolute;
  left: 0;
  top: 19px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #4991D8;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  padding: 0 1px 2px;
}
@media screen and (max-width: 768px) {
  .editor ol li::before {
    top: 10px;
  }
}
.editor ul,
.editor ol {
  margin-top: 18px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .editor ul,
  .editor ol {
    margin-top: 8px;
    margin-bottom: 20px;
  }
}
.editor sup,
.editor sub {
  font-size: 10px !important;
}
@media screen and (max-width: 768px) {
  .editor .editor-table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-top: 3em;
  }
}
@media screen and (max-width: 768px) {
  .editor .editor-table-scroll table {
    margin-top: 0;
  }
}
.editor table {
  margin-top: 3em;
  width: 100% !important;
  height: auto !important;
  border-collapse: separate !important;
  border-spacing: 0;
  border-radius: 10px;
  border: #87BAED 1px solid !important;
  overflow: hidden;
  table-layout: fixed;
  width: 100%;
  min-width: 900px;
}
.editor {
  /* 左列*/
}
.editor table th:first-child {
  width: 100px;
}
.editor {
  /* 他の列*/
}
.editor table th:not(:first-child),
.editor table td {
  width: calc((100% - 100px) / 2);
}
.editor table tr:first-child th {
  font-weight: 700;
}
.editor table th {
  background: #F2FBFF;
}
.editor thead th {
  text-align: center;
}
.editor tr th,
.editor tr td {
  padding: 18px 20px;
  line-height: 1.5;
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #87BAED;
  border-bottom: 1px solid #87BAED;
}
.editor tr th:last-child,
.editor tr td:last-child {
  border-right: none;
}
.editor tr:last-child th,
.editor tr:last-child td {
  border-bottom: none;
}
.editor tr th {
  font-weight: 500;
  text-align: center;
}
.editor img {
  width: auto;
  max-width: 100%;
  border-radius: 20px;
  margin-bottom: 30px;
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .editor img {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.editor img.alignleft {
  display: block;
  max-width: 500px;
}
.editor img.aligncenter {
  display: block;
  max-width: 500px;
  margin: 0 auto;
}
.editor img.alignright {
  display: block;
  max-width: 500px;
  margin-left: auto;
}
.editor .btn {
  display: block;
  width: 230px;
  background-color: #fff;
  border: 1px solid #3c3c3c;
  border: 1px solid #3c3c3c;
  border-radius: 30px;
  padding: 10px;
  text-align: center;
}
.editor .edit-link {
  position: relative;
  border-bottom: 1px solid #3c3c3c;
}
.editor .edit-link::after {
  content: "＞";
  padding-left: 20px;
}
.editor blockquote {
  position: relative;
  border-radius: 20px;
  background: #F2FBFF;
  padding: 40px 60px 45px;
  margin-bottom: 60px;
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .editor blockquote {
    padding: 30px 20px;
    border-radius: 10px;
    margin-bottom: 30px;
    margin-top: 30px;
  }
}
.editor blockquote::before {
  display: none;
}
.editor blockquote::after {
  display: none;
}
.editor blockquote h4 {
  margin-top: 0 !important;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .editor blockquote h4 {
    margin-bottom: 24px;
    font-size: 15px;
  }
}
.editor blockquote cite {
  display: none;
}
.editor hr {
  margin: 10px 0;
}
.editor .wp-caption-text {
  padding-top: 10px;
  font-size: 14px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .editor .wp-caption-text {
    font-size: 12px;
  }
}
.editor .caption {
  font-size: 14px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .editor .caption {
    font-size: 12px;
  }
}

.post__group + .post__group {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .post__group + .post__group {
    margin-top: 30px;
  }
}
.post__overview + .post__person {
  margin-top: 125px;
}
@media screen and (max-width: 768px) {
  .post__overview + .post__person {
    margin-top: 30px;
  }
}
.post__editor, .post__btnArea, .post__overview {
  max-width: 900px;
  margin: 0 auto;
}
.post__btnArea {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .post__btnArea {
    gap: 10px;
  }
}
.post__btn {
  width: 260px;
}
@media screen and (max-width: 768px) {
  .post__btn {
    width: 100%;
  }
}
.post__btnLink {
  display: block;
  height: 68px;
  padding: 0 20px 0 25px;
  border: 2px solid #DFE9EC;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 700;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .post__btnLink {
    font-size: 14px;
  }
}
.post__btnLink:hover {
  text-decoration: underline;
}
.post__btnLink:hover .post__btnLinkArrowInner {
  transform: translateX(0);
}
.post__btnLink:hover .post__btnLinkArrow--diagonal .post__btnLinkArrowInner {
  transform: translate(-8%, -36%) rotate(-45deg);
}
.post__btnLink:hover .post__btnLinkPdfItem {
  transform: rotateX(0deg);
}
.post__btnLink:hover .post__slideUp--text {
  transform: translateY(-10px);
}
.post__btnLinkArrow {
  width: 34px;
  height: 34px;
  background: #87BAED;
  border-radius: 50%;
  overflow: hidden;
}
.post__btnLinkArrowInner {
  display: flex;
  width: 200%;
  height: 100%;
  transform: translateX(-50%);
  transition: transform 0.2s ease;
}
.post__btnLinkArrow--diagonal .post__btnLinkArrowInner {
  transform: translate(-42%, 36%) rotate(-45deg);
}
.post__arrow {
  width: 50%;
  height: 100%;
  background: url("../images/common/arrow_w.png") center/10px no-repeat;
}
.post__btnLinkPdf {
  display: block;
  width: 42px;
  height: 42px;
  border-radius: 6px;
  background: #D32E2E;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .post__btnLinkPdf {
    width: 38px;
    height: 38px;
  }
}
.post__btnLinkPdfInner {
  height: 10px;
}
.post__slideUp {
  display: block;
  height: 10px;
  overflow: hidden;
}
.post__slideUp--text {
  display: flex;
  flex-direction: column;
  line-height: 1;
  transition: transform 0.24s ease-out;
}
.post__slideUp--text .img {
  width: 26px;
  height: 10px;
}
.post__overviewTtl {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .post__overviewTtl {
    font-size: 16px;
  }
}
.post__overviewDl {
  padding: 20px 15px 19px;
  border-bottom: 1px solid #DFE9ED;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .post__overviewDl {
    padding: 14px 0;
    gap: 20px;
  }
}
.post__overviewDl:last-of-type {
  border-bottom: none;
}
.post__overviewDt {
  width: 182px;
  padding-left: 26px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  position: relative;
}
@media screen and (max-width: 768px) {
  .post__overviewDt {
    width: 60px;
    padding-left: 0;
    font-size: 14px;
    line-height: 1.57;
  }
}
.post__overviewDt::before {
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  background: #87BAED;
  position: absolute;
  top: 10px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .post__overviewDt::before {
    display: none;
  }
}
.post__overviewDd {
  flex: 1;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .post__overviewDd {
    font-size: 14px;
    line-height: 1.57;
  }
}
.post__personPic {
  position: relative;
  height: 0;
  width: 100%;
  padding-top: 33%;
  display: block;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .post__personPic {
    padding-top: 69%;
  }
}
.post__personPic .img {
  border-radius: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
  .post__personPic .img {
    object-position: top center;
  }
}
.post__personTtlBox {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .post__personTtlBox {
    margin-bottom: 20px;
  }
}
.post__personTtl--en {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1;
  color: #123E96;
}
@media screen and (max-width: 768px) {
  .post__personTtl--en {
    font-size: 24px;
  }
}
.post__personBelong {
  padding-left: 17px;
  font-size: 14px;
  font-weight: 500;
  line-height: 2;
  position: relative;
}
.post__personBelong::before {
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  background: #87BAED;
  position: absolute;
  top: 15px;
  left: 0;
}
.post__personTxt {
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .post__personTxt {
    font-size: 14px;
    line-height: 1.71;
  }
}
.post__personBtn {
  max-width: 202px;
}
@media screen and (max-width: 768px) {
  .post__personBtn {
    width: 166px;
    margin-left: auto;
  }
}
.post__personBtn.personalPageSingle {
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .post__personBtn.personalPageSingle {
    justify-content: center;
    width: 100%;
    max-width: 100%;
    margin-top: 40px;
  }
}
.post__personBtnLink {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 16px;
  font-weight: 700;
  color: #123E96;
  transition: 0.6s;
}
@media screen and (max-width: 768px) {
  .post__personBtnLink {
    justify-content: flex-end;
    font-size: 14px;
    text-align: right;
    line-height: 1.4;
  }
}
.post__personBtnLink:hover {
  color: #4991D8;
}
.post__personBtnLink:hover .post__btnLinkArrowInner {
  transform: translateX(0);
}
.post__personBtnLink:hover .post__btnLinkArrow {
  background: #4991D8;
}
.post__personBtnLink:hover .post__arrow {
  background: url("../images/common/arrow_w.png") center/10px no-repeat;
}
.post__personBtnLink .post__btnLinkArrow {
  width: 56px;
  height: 56px;
  background: #fff;
  border: 1px solid #4991D8;
}
@media screen and (max-width: 768px) {
  .post__personBtnLink .post__btnLinkArrow {
    width: 40px;
    height: 40px;
  }
}
.post__personBtnLink .post__arrow {
  background: url("../images/common/arrow_b.png") center/20px no-repeat;
}
.post__person--single .post__personContainer {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .post__person--single .post__personContainer {
    flex-direction: column;
    gap: 10px;
  }
}
.post__person--single .post__personPic, .post__person--single .post__personBox {
  width: calc((100% - 40px) / 2);
}
@media screen and (max-width: 768px) {
  .post__person--single .post__personPic, .post__person--single .post__personBox {
    width: 100%;
  }
}
.post__person--double .post__personCont {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .post__person--double .post__personCont {
    flex-direction: column;
    gap: 30px;
  }
}
.post__person--double .post__personPic {
  padding-top: 70%;
  margin-bottom: 20px;
}
.post__person--multiple .post__personContainer {
  width: 360px;
  padding-bottom: 0;
  position: relative;
}
@media screen and (max-width: 768px) {
  .post__person--multiple .post__personContainer {
    padding-bottom: 121px;
  }
}
.post__person--multiple .post__personPic {
  padding-top: 70%;
  margin-bottom: 20px;
}
.post__related {
  padding-top: 120px;
  padding-bottom: 80px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .post__related {
    padding-top: 80px;
    padding-bottom: 60px;
  }
}
.post__related.personalPageSingle {
  background: #FAFAFA;
}
.post__relatedInner {
  max-width: 1120px;
  width: calc(100% - 40px);
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .post__relatedInner {
    width: calc(100% - 40px);
  }
}
.post__relatedWrapper {
  align-items: stretch;
  height: auto !important;
}
.post.is-few {
  --_slide-w: calc((100% - 64px) / 3);
}
.post.is-few .post__relatedSlide {
  width: var(--_slide-w) !important;
}
.post__relatedSlide {
  border-radius: 20px;
  border: 1px solid #DFE9EC;
  overflow: hidden;
  position: relative;
  background: #fff;
  display: flex !important;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .post__relatedSlide {
    border-radius: 10px;
  }
}
.post__relatedSlide:hover .post__relatedPic .img {
  transform: translate(-50%, -50%) scale(1.1);
}
.post__relatedSlide:hover .post__btnLinkArrowInner {
  transform: translateX(0);
}
.post__relatedSlide:hover .post__btnLinkArrow {
  background: #4991D8;
}
.post__relatedSlide:hover .post__arrow {
  background: url("../images/common/arrow_w.png") center/10px no-repeat;
}
.post__relatedLink {
  display: block;
  position: absolute;
  inset: 0;
  z-index: 1;
}
.post__relatedPic {
  position: relative;
  height: 0;
  width: 100%;
  padding-top: 57%;
  display: block;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .post__relatedPic {
    padding-top: 47.76%;
  }
}
.post__relatedPic .img {
  border-radius: 20px 20px 0 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.6s;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .post__relatedPic .img {
    border-radius: 10px 10px 0 0;
  }
}
.post__relatedCont {
  padding: 0 20px 20px 20px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
@media screen and (max-width: 768px) {
  .post__relatedCont {
    padding: 0 20px 30px;
  }
}
.post__relatedTtl {
  padding-bottom: 35px;
  margin-bottom: 60px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.17;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 768px) {
  .post__relatedTtl {
    padding-bottom: 30px;
    margin-bottom: 40px;
    font-size: 20px;
  }
}
.post__relatedTtl::after {
  content: "";
  width: 30px;
  height: 1px;
  background: #87BAED;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .post__relatedTtl::after {
    width: 20px;
  }
}
.post__relatedTtl.personalPageSingle {
  text-align: left;
  padding-bottom: 0;
  margin-bottom: 0;
}
.post__relatedTtl.personalPageSingle::after {
  display: none;
}
.post__relatedBox {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.post__relatedDate {
  padding-top: 17px;
  margin-bottom: 10px;
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.43;
}
@media screen and (max-width: 768px) {
  .post__relatedDate {
    font-size: 12px;
  }
}
.post__relatedInnerTtlArea {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .post__relatedInnerTtlArea {
    margin-bottom: 30px;
  }
}
.post__relatedNew {
  display: block;
  width: fit-content;
  padding: 12px 20px 10px 19px;
  background: #1544A3;
  border-radius: 0 0 4px 4px;
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 14px;
  font-weight: 800;
  color: #fff;
  text-align: center;
  position: relative;
  top: -1px;
}
@media screen and (max-width: 768px) {
  .post__relatedNew {
    padding-right: 12px;
    padding-left: 12px;
    font-size: 12px;
  }
}
.post__relatedatCatBox {
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: flex-start;
  gap: 7px;
}
.post__relatedatCatLink {
  display: block;
  width: fit-content;
  padding: 2px 20px;
  border: 1px solid #87BAED;
  background: #F2FBFF;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.43;
  color: #123E96;
  position: relative;
  z-index: 3;
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .post__relatedatCatLink:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 768px) {
  .post__relatedatCatLink {
    font-size: 12px;
  }
}
.post__relatedTxt {
  flex: 1;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.75;
}
@media screen and (max-width: 768px) {
  .post__relatedTxt {
    font-size: 14px;
  }
}
.post__relatedBtn {
  width: 56px;
  margin-left: auto;
  position: relative;
  z-index: 3;
}
.post__relatedBtn .post__btnLinkArrow {
  background-color: #fff;
  border: 1px solid #4991D8;
}
.post__relatedBtn .post__arrow:last-child {
  background-image: url("../images/common/arrow_blue.png");
}
.post__relatedBtn.u-blue .post__btnLinkArrow {
  border-color: #4991D8;
}
.post__relatedBtn.u-blue .post__arrow:last-child {
  background-image: url("../images/common/arrow_blue.png");
}
.post__relatedBtn.u-pink .post__btnLinkArrow {
  border-color: #FF93B0;
}
.post__relatedBtn.u-pink .post__arrow:last-child {
  background-image: url("../images/common/arrow_pink.png");
}
.post__relatedBtn.u-red .post__btnLinkArrow, .post__relatedBtn.u-pink02 .post__btnLinkArrow {
  border-color: #C13465;
}
.post__relatedBtn.u-red .post__arrow:last-child, .post__relatedBtn.u-pink02 .post__arrow:last-child {
  background-image: url("../images/common/arrow_red.png");
}
.post__relatedBtn.u-orange .post__btnLinkArrow {
  border-color: #EA8A4F;
}
.post__relatedBtn.u-orange .post__arrow:last-child {
  background-image: url("../images/common/arrow_orange.png");
}
.post__relatedBtn.u-green .post__btnLinkArrow, .post__relatedBtn.u-teal .post__btnLinkArrow {
  border-color: #5AC2D5;
}
.post__relatedBtn.u-green .post__arrow:last-child, .post__relatedBtn.u-teal .post__arrow:last-child {
  background-image: url("../images/common/arrow_green.png");
}
.post__relatedBtn.u-purple .post__btnLinkArrow {
  border-color: #955CE0;
}
.post__relatedBtn.u-purple .post__arrow:last-child {
  background-image: url("../images/common/arrow_purple.png");
}
.post__relatedSwiperBtn {
  width: fit-content;
  margin: 60px auto 0;
  display: grid;
  grid-template-columns: auto auto auto;
  align-items: center;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .post__relatedSwiperBtn {
    margin-top: 40px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 20px;
  }
}
.post__prev, .post__next {
  width: 100px;
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  padding: 16px 0;
  border-radius: 18px;
  border: 1px solid #87BAED;
  color: #111;
  font-size: 18px;
  letter-spacing: 0.06em;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;
  text-align: center;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .post__prev:hover, .post__next:hover {
    border-color: #5FA6EB;
    color: #1544A3;
  }
}
@media screen and (max-width: 768px) {
  .post__prev, .post__next {
    width: 68px;
    border-radius: 12px;
    font-size: 14px;
    padding: 12px 0;
  }
}
.post__pagination {
  width: fit-content !important;
  margin: 0 auto;
}
.post__pagination .swiper-pagination-bullet {
  background: #fff;
  border: 1px solid #1544A3;
}
.post__pagination .swiper-pagination-bullet-active {
  background: #1544A3;
}
.post__relatedPagination {
  grid-column: 2;
  text-align: center;
  justify-self: center;
  margin: 0;
  gap: 0;
}
@media screen and (max-width: 768px) {
  .post__relatedPagination {
    grid-column: 1/3;
    grid-row: 1;
    text-align: center;
  }
}
.post__related-prev {
  grid-column: 1;
}
@media screen and (max-width: 768px) {
  .post__related-prev {
    grid-column: 1;
    grid-row: 2;
    justify-self: start;
  }
}
.post__related-next {
  grid-column: 3;
}
@media screen and (max-width: 768px) {
  .post__related-next {
    grid-column: 2;
    grid-row: 2;
    justify-self: end;
  }
}
.post .cautionBlock {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.75;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .post .cautionBlock {
    font-size: 12px;
  }
}
.post .kanren {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.75;
}
@media screen and (max-width: 768px) {
  .post .kanren {
    font-size: 14px;
  }
}
.post .kanren {
  padding: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.post .kanren__title {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.75;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .post .kanren__title {
    font-size: 14px;
  }
}
.post .kanren__text {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.75;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .post .kanren__text {
    font-size: 14px;
  }
}

/*====================================================================
Swiper nav buttons (shared: post__prev / post__next)
====================================================================*/
.post__prev,
.post__next {
  position: relative;
  margin: 0;
  width: auto;
  height: auto;
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  padding: 16px 25px 15px;
  border-radius: 16px;
  border: 1px solid #4B91D8;
  color: #111;
  font-size: 1.8rem;
  letter-spacing: 0.08em;
  cursor: pointer;
  transition: 0.6s;
}
.post__prev::before,
.post__next::before {
  display: none;
  content: none;
}
.post__prev::after,
.post__next::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 10px;
  background: url("../images/common/arrow_w.png") center/12px no-repeat;
  opacity: 0;
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .post__prev:hover,
  .post__next:hover {
    background-color: #4B91D8;
    color: transparent;
  }
  .post__prev:hover::after,
  .post__next:hover::after {
    opacity: 1;
  }
}
.post__prev.swiper-button-disabled,
.post__next.swiper-button-disabled {
  opacity: 0.35;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .post__prev,
  .post__next {
    padding: 13px 14px 11px;
    border-radius: 12px;
    font-size: 14px;
  }
}

.post__prev::after {
  transform: translate(-50%, -50%) rotate(180deg);
}

.inner-1000 {
  max-width: 1000px;
  width: calc(100% - 40px);
  margin: 0 auto;
}

.low__sideNav {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 47px;
}

.low__sideNavConts {
  width: calc(100% - 113px - 47px);
  padding: 60px 20px;
  background: #fff;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .low__sideNavConts {
    width: 100%;
    padding: 0;
  }
}

.sideNav {
  width: 113px;
  min-width: 113px;
  position: sticky;
  top: 140px;
  left: 0;
  align-self: flex-start;
}
@media screen and (max-width: 768px) {
  .sideNav {
    width: 90%;
    padding: 21px 0 22px;
    border-radius: 14px;
    border: 1px solid #4991D8;
    background: #fff;
    position: fixed;
    top: auto;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    z-index: 5;
  }
  .sideNav::after {
    content: "";
    display: block;
    width: 34px;
    height: 34px;
    background: url(../images/common/arrow_btnW2.svg) center center/contain no-repeat;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  .sideNav.is-open .sideNav__spWrap {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}
.sideNav__spTxt {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .sideNav__spWrap {
    padding: 20px;
    border-radius: 20px 20px 0 0;
    background: #fff;
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: 0.3s;
  }
}
.sideNav__index {
  padding-bottom: 8px;
  border-bottom: 1px solid #B5D5F1;
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 18px;
  font-weight: 700;
  color: #A2A7AA;
  line-height: 1.5;
}
.sideNav__link {
  display: block;
  padding-top: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid #B5D5F1;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  color: #A2A7AA;
  position: relative;
  transition: 0.3s;
}
.sideNav__link:hover, .sideNav__link.active {
  padding-left: 17px;
  border-bottom: 1px solid #4991D8;
  font-size: 16px;
  font-weight: 700;
  color: #111;
}
.sideNav__link:hover::before, .sideNav__link.active::before {
  content: "";
  width: 10px;
  height: 10px;
  background: url(../images/common/arrow_lb.svg) center center/contain no-repeat;
  position: absolute;
  top: 19px;
  left: 0;
}

.lowFv--singleLower {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .lowFv--singleLower {
    background-position: left top;
  }
}

.singleLower {
  overflow: visible;
}
@media screen and (max-width: 768px) {
  .singleLower {
    background: #fff;
  }
}
.singleLower::before {
  content: "";
  width: 100%;
  height: 1158px;
  background: #F2FBFF;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .singleLower .lowFv::after {
    background: #fff;
  }
}
.singleLower__sec + .singleLower__sec {
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .singleLower__sec + .singleLower__sec {
    margin-top: 60px;
  }
}
.singleLower__heading01 {
  margin-bottom: 16px;
  font-size: 80px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.1em;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .singleLower__heading01 {
    font-size: 44px;
    margin-bottom: 10px;
  }
}
.singleLower__headingBold, .singleLower__headingLight {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.1;
  color: #fff;
  display: inline-block;
  font-weight: 300;
  font-size: 32px;
  line-height: 1.1;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .singleLower__headingBold, .singleLower__headingLight {
    font-size: 18px;
  }
}
.singleLower__headingBold {
  font-weight: 700;
  margin-right: 5px;
}
.singleLower .lowFv__ttlBox {
  padding: 393px 0 130px;
}
@media screen and (max-width: 768px) {
  .singleLower .lowFv__ttlBox {
    padding: 0;
  }
}
.singleLower__heading02 {
  margin-top: 10px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .singleLower__heading02 {
    margin-top: 5px;
    margin-bottom: 20px;
  }
}
.singleLower .lowFv__ttlBox .singlelower__dd {
  font-weight: 500;
}
.singleLower__container {
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .singleLower__container {
    padding-top: 30px;
  }
}
.singleLower__fvBox {
  color: #fff;
}
.singleLower__fvBox .singleLower__dl {
  padding: 0;
  border-bottom: none;
  flex-direction: column;
  row-gap: 10px;
}
.singleLower__fvBox .singleLower__dt {
  width: fit-content;
}
.singleLower__fvBox .singleLower__dt::before {
  background: #fff;
}
.singleLower__fvBox .singleLower__dt, .singleLower__fvBox .singleLower__dd {
  width: 100%;
}
.singleLower__dl {
  padding: 20px 0;
  border-bottom: 1px solid #DFE9ED;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .singleLower__dl {
    flex-direction: column;
  }
}
.singleLower__dt {
  width: 158px;
  padding-left: 26px;
  padding-right: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
  position: relative;
}
@media screen and (max-width: 768px) {
  .singleLower__dt {
    width: 100%;
    padding-left: 0;
    font-size: 14px;
    line-height: 1.71;
  }
}
.singleLower__dt::before {
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  background: #87BAED;
  position: absolute;
  top: 14px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .singleLower__dt::before {
    display: none;
  }
}
.singleLower__dd {
  width: calc(100% - 158px);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.75;
}
@media screen and (max-width: 768px) {
  .singleLower__dd {
    width: 100%;
    font-size: 14px;
    line-height: 1.71;
  }
}
.singleLower__ttlBox {
  width: fit-content;
  margin-bottom: 53px;
}
@media screen and (max-width: 768px) {
  .singleLower__ttlBox {
    margin-bottom: 12px;
    padding: 0 15px;
  }
}
.singleLower__ttl--en {
  margin-bottom: 10px;
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.06em;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .singleLower__ttl--en {
    margin-bottom: 5px;
  }
}
.singleLower__ttl--ja {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.166;
}
@media screen and (max-width: 768px) {
  .singleLower__ttl--ja {
    font-size: 20px;
  }
}
.singleLower__profile .singleLower__dl {
  border-bottom: none;
}
.singleLower__profileTtlWrap {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .singleLower__profileTtlWrap {
    flex-direction: column;
  }
}
.singleLower__profileCatWrap {
  padding-top: 20px;
  padding-left: 16px;
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
}
@media screen and (max-width: 768px) {
  .singleLower__profileCatWrap {
    padding-top: 0;
    padding-left: 0;
    margin-bottom: 20px;
  }
}
.singleLower__profileCat {
  width: fit-content;
  padding: 2px 20px 5px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .singleLower__profileCat {
    padding: 5px 20px;
    font-size: 12px;
  }
}
.singleLower__profileCat.bg--lightBlue {
  background: #4991D8;
}
.singleLower__profileCat.bg--blue {
  background: #1544A3;
}
.singleLower__movieWrap {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  row-gap: 40px;
}
@media screen and (max-width: 768px) {
  .singleLower__movieWrap {
    margin-top: 20px;
    flex-direction: column;
    row-gap: 20px;
  }
}
.singleLower__movieItem {
  width: calc(50% - 20px);
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .singleLower__movieItem {
    width: 100%;
  }
}
.singleLower__movieItem video {
  display: block;
  width: 100%;
  border-radius: 20px;
}
.singleLower__movieTxt {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
}
@media screen and (max-width: 768px) {
  .singleLower__movieTxt {
    font-size: 14px;
    line-height: 1.57;
    margin-top: 10px;
  }
}
.singleLower__videoWrap {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}
.singleLower__videoWrap::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  background: #545E69;
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: none;
  z-index: 1;
}
.singleLower__videoWrap:hover::after {
  opacity: 0.6;
}
.singleLower__videoWrap iframe, .singleLower__videoWrap__videoThumb {
  aspect-ratio: 16/9;
  width: 100%;
  display: block;
  object-fit: cover;
}
.singleLower__playBtn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  z-index: 3;
}
.singleLower__playBtn .img {
  width: 56px;
  transition: transform 0.3s;
}
.singleLower__playBtn:hover .img {
  transform: scale(1.1);
}
.singleLower__interview {
  margin-top: 120px !important;
}
@media screen and (max-width: 768px) {
  .singleLower__interview {
    margin-top: 80px !important;
  }
}
.singleLower__interviewWrap {
  padding: 60px 20px;
  background: #F2FBFF;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .singleLower__interviewWrap {
    width: calc(100% + 40px);
    margin-left: -20px;
    padding: 30px 20px;
    border-radius: 10px;
    margin-top: 30px;
  }
}
.singleLower__intervieInner {
  max-width: 760px;
  margin: 0 auto;
}
.singleLower__interviewContainer + .singleLower__interviewContainer {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .singleLower__interviewContainer + .singleLower__interviewContainer {
    margin-top: 40px;
  }
}
.singleLower__interviewTtl {
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.88;
}
@media screen and (max-width: 768px) {
  .singleLower__interviewTtl {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.5;
  }
}
.singleLower__interviewTxt {
  margin-bottom: 60px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.75;
}
@media screen and (max-width: 768px) {
  .singleLower__interviewTxt {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.71;
  }
}
.singleLower__interviewPic {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .singleLower__interviewPic {
    width: calc(100% + 40px);
    margin-left: -20px;
  }
}
.singleLower__interviewPic .img {
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .singleLower__interviewPic .img {
    border-radius: 0;
    min-height: 280px;
  }
}
.singleLower__case {
  margin-top: 120px !important;
}
@media screen and (max-width: 768px) {
  .singleLower__case {
    margin-top: 80px !important;
    margin-bottom: 120px;
  }
}
.singleLower__case .post__personBtnLink {
  line-height: 1.43;
  text-align: right;
}
.singleLower__case .post__relatedSwiperBtn {
  margin: 30px 0 0 0;
}
@media screen and (max-width: 768px) {
  .singleLower__case .post__relatedSwiperBtn {
    margin: 40px auto 0;
  }
}
.singleLower__caseBtn {
  padding-top: 10px;
}
.singleLower__caseTtlWrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .singleLower__caseTtlWrap {
    margin-bottom: 40px;
  }
}
.singleLower__news {
  margin-top: 140px !important;
}
@media screen and (max-width: 768px) {
  .singleLower__news {
    margin-top: 120px !important;
  }
}
@media screen and (max-width: 768px) {
  .singleLower__newsList {
    width: 108%;
    position: relative;
    left: -4%;
  }
  .singleLower__newsList .archiveNews__listItem:first-child {
    padding-top: 33px;
  }
}

.post__viewLink {
  display: block;
}
.post__viewLink:hover .post__viewPic .img {
  transform: translate(-50%, -50%) scale(1.1);
}
.post__viewPic {
  position: relative;
  height: 0;
  width: 100%;
  padding-top: 75%;
  display: block;
  overflow: hidden;
}
.post__viewPic .img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.6s;
  overflow: hidden;
}
.post__viewConts {
  max-width: 300px;
  padding: 20px;
  margin-top: -33px;
  background: #fff;
  border-radius: 0 10px 0 0;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .post__viewConts {
    padding-bottom: 0;
  }
}
.post__viewcatWrap {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
  flex-wrap: wrap;
}
.post__viewCat {
  width: fit-content;
  padding: 0 20px 2px;
  border: 1px solid #87BAED;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  color: #123E96;
}
@media screen and (max-width: 768px) {
  .post__viewCat {
    padding: 3px 20px 2px;
    font-size: 12px;
  }
}

/*====================================================================
.officePageSec
====================================================================*/
.lowFv--officePageSec {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.lowFv--officePageSec::after {
  background: #fff;
}

@media screen and (max-width: 768px) {
  .officePageSec__inner {
    padding-top: 30px;
  }
}
.officePageSec__wrap {
  max-width: 1160px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .officePageSec__wrap {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.officePageSec__wrap {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .officePageSec__wrap {
    display: block;
    padding: 0;
  }
}
.officePageSec__wrapEn {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 12px;
}
.officePageSec__wrapTitle {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .officePageSec__wrapTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.officePageSec__wrapTitle {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 46px;
}
@media screen and (max-width: 768px) {
  .officePageSec__wrapTitle {
    margin-bottom: 16px;
    font-size: 20px;
  }
}
.officePageSec__wrapAccess {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .officePageSec__wrapAccess {
    font-size: 14px;
    line-height: 1.8;
  }
}
.officePageSec__wrapAccess {
  font-size: 16px;
  line-height: 1.75;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .officePageSec__wrapAccess {
    font-size: 14px;
    margin-bottom: 20px;
  }
}
.officePageSec__wrapAccess:after {
  content: "";
  display: block;
  width: 20px;
  height: 1px;
  background-color: #97AFCC;
  margin-top: 30px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .officePageSec__wrapAccess:after {
    margin: 20px 0;
  }
}
.officePageSec__wrapText {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .officePageSec__wrapText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.officePageSec__wrapText {
  font-size: 16px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .officePageSec__wrapText {
    font-size: 14px;
  }
}
.officePageSec__wrapInnerLeft {
  width: 360px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .officePageSec__wrapInnerLeft {
    width: 100%;
    padding: 0 20px 30px;
  }
}
.officePageSec__wrapInnerRight {
  width: 700px;
}
@media screen and (max-width: 768px) {
  .officePageSec__wrapInnerRight {
    width: 100%;
  }
}
.officePageSec__wrapInnerRightMapBnt {
  width: 200px;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .officePageSec__wrapInnerRightMapBnt {
    padding-right: 20px;
  }
}
.officePageSec__wrapInnerRightMapBntLink {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 16px;
  font-weight: bold;
  color: #123E96;
  display: block;
  text-align: right;
  margin-top: 36px;
  padding-right: 80px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .officePageSec__wrapInnerRightMapBntLink {
    font-size: 14px;
    margin-top: 30px;
    padding-right: 53px;
  }
}
.officePageSec__wrapInnerRightMapBntLink:after {
  content: "";
  width: 56px;
  height: 56px;
  background: url(../images/common/bnt_headerB.png) center center/contain no-repeat;
  position: absolute;
  right: 0;
  top: -18px;
  transition: 0.6s;
}
@media screen and (max-width: 768px) {
  .officePageSec__wrapInnerRightMapBntLink:after {
    width: 40px;
    height: 40px;
    top: -15px;
    background: url(../images/common/arrow_bntb_sp.png) center center/contain no-repeat;
  }
}
.officePageSec__wrapInnerRightMapBntLink {
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .officePageSec__wrapInnerRightMapBntLink:hover {
    color: #5FA6EB;
  }
  .officePageSec__wrapInnerRightMapBntLink:hover:after {
    background: url(../images/common/arrow_bntb.png) center center/contain no-repeat;
  }
}
.officePageSec__wrapInnerRightList {
  margin-top: 60px;
}
.officePageSec__wrapInnerRightList.u-02 {
  margin-top: 20px;
}
.officePageSec__wrapInnerRightListItem {
  display: flex;
  padding: 20px 0;
  border-bottom: 1px solid #DFE9ED;
}
@media screen and (max-width: 768px) {
  .officePageSec__wrapInnerRightListItem {
    padding: 14px 0;
  }
}
.officePageSec__wrapInnerRightListItem.u-02 {
  border-bottom: 1px solid #87BAED;
  padding-bottom: 28px;
}
@media screen and (max-width: 768px) {
  .officePageSec__wrapInnerRightListItem.u-02 {
    padding-bottom: 14px;
  }
}
.officePageSec__wrapInnerRightListItem.u-03 {
  padding-top: 28px;
  border-bottom: none;
}
@media screen and (max-width: 768px) {
  .officePageSec__wrapInnerRightListItem.u-03 {
    padding-top: 14px;
    padding-bottom: 0;
  }
}
.officePageSec__wrapRightTitle {
  width: 210px;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .officePageSec__wrapRightTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.officePageSec__wrapRightTitle {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  padding-left: 20px;
  position: relative;
}
.officePageSec__wrapRightTitle:before {
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  background-color: #87BAED;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .officePageSec__wrapRightTitle {
    width: 47%;
    max-width: 200px;
    margin-right: 8px;
    font-size: 14px;
  }
  .officePageSec__wrapRightTitle:before {
    display: none;
  }
}
.officePageSec__wrapRightText {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .officePageSec__wrapRightText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.officePageSec__wrapRightText {
  font-size: 16px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .officePageSec__wrapRightText {
    font-size: 14px;
  }
}
.officePageSec__wrapInnerRightListTitle {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .officePageSec__wrapInnerRightListTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.officePageSec__wrapInnerRightListTitle {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  margin-top: 45px;
}
@media screen and (max-width: 768px) {
  .officePageSec__wrapInnerRightListTitle {
    font-size: 16px;
    padding-left: 20px;
    margin-top: 55px;
  }
}
.officePageSec__lawyerInnerT {
  max-width: 1160px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .officePageSec__lawyerInnerT {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.officePageSec__lawyerInnerT {
  margin: 180px auto 60px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .officePageSec__lawyerInnerT {
    margin: 80px auto 0;
    padding: 0;
    display: block;
    padding: 0 20px;
  }
}
.officePageSec__LawyerTitleArea {
  width: 200px;
}
@media screen and (max-width: 768px) {
  .officePageSec__LawyerTitleArea {
    width: 100%;
  }
}
.officePageSec__LawyerInnerEn {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .officePageSec__LawyerInnerEn {
    font-size: 12px;
  }
}
.officePageSec__LawyerInnerTitle {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .officePageSec__LawyerInnerTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.officePageSec__LawyerInnerTitle {
  font-size: 24px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .officePageSec__LawyerInnerTitle {
    font-size: 20px;
  }
}
.officePageSec__LawyerInnerText {
  width: 880px;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .officePageSec__LawyerInnerText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.officePageSec__LawyerInnerText {
  font-size: 16px;
  line-height: 28px;
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .officePageSec__LawyerInnerText {
    margin-top: 20px;
    width: 100%;
    font-size: 14px;
    line-height: 24px;
  }
}
.officePageSec__lawyerInner {
  max-width: 1240px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .officePageSec__lawyerInner {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .officePageSec__lawyerInner {
    margin: 30px auto 0;
    padding: 0;
  }
}
.officePageSec__lawyerInnerList {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .officePageSec__lawyerInnerList {
    display: block;
  }
}
.officePageSec__lawyerInnerListItem {
  display: block;
  overflow: hidden;
  width: 33.3333333333%;
  margin-bottom: 60px;
}
.officePageSec__lawyerInnerListItem:hover .officePageSec__lawyerInnerListItemImageImg {
  transform: scale(1.08);
}
@media screen and (max-width: 768px) {
  .officePageSec__lawyerInnerListItem:hover .officePageSec__lawyerInnerListItemImageImg {
    transform: scale(1);
  }
}
@media screen and (max-width: 768px) {
  .officePageSec__lawyerInnerListItem {
    width: 100%;
    margin-bottom: 30px;
  }
}
.officePageSec__lawyerInnerListItemImage {
  overflow: hidden;
  aspect-ratio: 4/3;
  max-width: 400px;
}
.officePageSec__lawyerInnerListItemImageImg {
  display: block;
  transition: 0.6s;
  height: 100%;
  object-fit: cover;
}
.officePageSec__lawyerInnerTitle {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .officePageSec__lawyerInnerTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.officePageSec__lawyerInnerTitle {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 60px;
  text-align: center;
}
.officePageSec__lawyerInnerTitle:after {
  content: "";
  display: block;
  width: 30px;
  height: 1px;
  background-color: #5FA6EB;
  margin: 35px auto 0;
}
@media screen and (max-width: 768px) {
  .officePageSec__lawyerInnerTitle {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 40px;
  }
  .officePageSec__lawyerInnerTitle:after {
    margin: 35px auto 0;
  }
}
.officePageSec__lawyerInnerListItemName {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 24px;
  color: #1544A3;
  font-weight: bold;
  letter-spacing: 0.05em;
  position: relative;
  background-color: #fff;
  padding: 20px 20px 2px 20px;
  max-width: 300px;
  border-top-right-radius: 10px;
  margin-top: -30px;
}
.officePageSec__lawyerInnerListItemText {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .officePageSec__lawyerInnerListItemText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.officePageSec__lawyerInnerListItemText {
  font-size: 14px;
  padding-left: 40px;
  line-height: 28px;
  position: relative;
}
.officePageSec__lawyerInnerListItemText:after {
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  background-color: #5FA6EB;
  position: absolute;
  left: 20px;
  top: 50%;
}
.officePageSec__lawyerInnerListItemLinkList {
  display: flex;
  margin-top: 15px;
  padding: 0 20px;
  flex-wrap: wrap;
}
.officePageSec__lawyerInnerListItemLinkListLink {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .officePageSec__lawyerInnerListItemLinkListLink {
    font-size: 14px;
    line-height: 1.8;
  }
}
.officePageSec__lawyerInnerListItemLinkListLink {
  font-size: 14px;
  color: #1544A3;
  padding: 1px 20px 3px;
  background-color: #fff;
  border-radius: 20px;
  margin-right: 10px;
  border: 1px solid #5FA6EB;
  line-height: 20px;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .officePageSec__lawyerInnerListItemLinkListLink {
    font-size: 12px;
    padding: 1px 10px 3px;
    margin-right: 5px;
  }
}
.officePageSec__Overview {
  max-width: 1160px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .officePageSec__Overview {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.officePageSec__Overview {
  margin: 120px auto 180px;
}
@media screen and (max-width: 959px) {
  .officePageSec__Overview {
    padding-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .officePageSec__Overview {
    margin: 80px auto 120px;
    padding: 0;
  }
}
.officePageSec__OverviewInner {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .officePageSec__OverviewInner {
    display: block;
    padding: 0 20px;
  }
}
.officePageSec__OverviewEn {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 12px;
}
.officePageSec__OverviewTitle {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .officePageSec__OverviewTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.officePageSec__OverviewTitle {
  font-size: 24px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .officePageSec__OverviewTitle {
    font-size: 20px;
  }
}
.officePageSec__OverviewTitleArea {
  width: 150px;
}
@media screen and (max-width: 768px) {
  .officePageSec__OverviewTitleArea {
    width: 100%;
  }
}
.officePageSec__OverviewText {
  width: calc(100% - 250px);
  max-width: 880px;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .officePageSec__OverviewText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.officePageSec__OverviewText {
  font-size: 16px;
  line-height: 28px;
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .officePageSec__OverviewText {
    width: 100%;
    max-width: 100%;
    font-size: 14px;
    margin-top: 20px;
    line-height: 24px;
  }
}
.officePageSec__OverviewInnerSwiper {
  margin-top: 50px;
  overflow: hidden;
  position: relative;
  max-width: 1120px;
}
@media screen and (max-width: 1200px) and (min-width: 960px) {
  .officePageSec__OverviewInnerSwiper {
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .officePageSec__OverviewInnerSwiper {
    margin-top: 35px;
    max-width: 100%;
    transform: translateX(0px);
  }
}
.officePageSec__OverviewSwiper {
  overflow: visible;
  padding: 0 0 78px;
  container-type: inline-size;
}
.officePageSec__OverviewSwiper .swiper-wrapper {
  align-items: flex-start;
}
.officePageSec__OverviewSwiper .swiper-slide {
  width: 290px;
  transform-origin: left top;
  opacity: 0.55;
  transition: opacity 0.6s;
}
.officePageSec__OverviewSwiper .swiper-slide-active {
  width: 540px;
  opacity: 1;
}
@media screen and (max-width: 1200px) and (min-width: 960px) {
  .officePageSec__OverviewSwiper .swiper-slide {
    width: 25cqw;
  }
  .officePageSec__OverviewSwiper .swiper-slide-active {
    max-width: 540px;
    width: 50cqw;
  }
}
@media screen and (max-width: 959px) {
  .officePageSec__OverviewSwiper {
    height: 630px;
    padding-bottom: 20px;
  }
  .officePageSec__OverviewSwiper .swiper-slide,
  .officePageSec__OverviewSwiper .swiper-slide-active {
    width: calc(100% - 120px);
  }
}
@media screen and (max-width: 768px) {
  .officePageSec__OverviewSwiper .swiper-slide {
    width: 290px;
  }
  .officePageSec__OverviewSwiper .swiper-slide-active {
    width: 290px;
  }
}
.officePageSec__OverviewSlide {
  position: relative;
}
@media screen and (max-width: 959px) {
  .officePageSec__OverviewSlide {
    position: relative;
  }
  .officePageSec__OverviewSlide::before {
    height: 530px;
    background: rgba(73, 145, 216, 0.65);
  }
}
.officePageSec__OverviewSlide::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(73, 145, 216, 0.65);
  z-index: 1;
  pointer-events: none;
  transition: 0.6s;
}
@media screen and (max-width: 768px) {
  .officePageSec__OverviewSlide::before {
    height: 204px;
  }
}
.officePageSec__OverviewSlideMain {
  width: 100%;
  margin: 0;
  overflow: hidden;
}
.officePageSec__OverviewSlideImg {
  width: 100%;
  height: 204px;
  object-fit: cover;
  display: block;
  transition: 0.6s;
}
.officePageSec__OverviewSwiper {
  height: 480px;
}
@media screen and (max-width: 959px) {
  .officePageSec__OverviewSwiper {
    height: 100%;
  }
}
@media screen and (max-width: 768px) {
  .officePageSec__OverviewSwiper {
    height: 300px;
  }
}
.officePageSec__OverviewSwiper .swiper-slide-active .officePageSec__OverviewSlideImg {
  height: 380px;
}
@media screen and (max-width: 959px) {
  .officePageSec__OverviewSwiper .swiper-slide-active .officePageSec__OverviewSlideImg {
    height: 530px;
    transition: none;
  }
}
.officePageSec__OverviewSwiper .swiper-slide-active .officePageSec__OverviewSlide::before {
  opacity: 0;
}
@media screen and (max-width: 768px) {
  .officePageSec__OverviewSwiper .swiper-slide-active .officePageSec__OverviewSlideImg {
    height: 204px;
  }
}
.officePageSec .swiper-button-lock {
  display: block !important;
}
.officePageSec__OverviewSlideCaption {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .officePageSec__OverviewSlideCaption {
    font-size: 14px;
    line-height: 1.8;
  }
}
.officePageSec__OverviewSlideCaption {
  font-size: 14px;
  line-height: 1.7;
  margin-top: 22px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: 0.6s;
  max-width: 400px;
  position: absolute;
  bottom: -50px;
  background: #fff;
  padding: 20px;
  border-radius: 0 20px 0 0;
}
@media screen and (max-width: 959px) {
  .officePageSec__OverviewSlideCaption {
    position: static;
    max-width: 760px;
    padding: 10px 0 0 0;
  }
}
@media screen and (max-width: 768px) {
  .officePageSec__OverviewSlideCaption {
    font-size: 12px;
    line-height: 20px;
    padding: 0 20px;
  }
}
.officePageSec__OverviewSwiper .swiper-slide-active .officePageSec__OverviewSlideCaption {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.officePageSec__OverviewSwiperNav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 390px;
  position: absolute;
  z-index: 111;
  bottom: 162px;
  right: 101px;
}
@media screen and (max-width: 1200px) and (min-width: 960px) {
  .officePageSec__OverviewSwiperNav {
    right: 60px;
  }
}
@media screen and (max-width: 959px) {
  .officePageSec__OverviewSwiperNav {
    position: static;
    width: 390px;
    margin: 44px auto 0;
    right: auto;
    bottom: auto;
  }
}
@media screen and (max-width: 768px) {
  .officePageSec__OverviewSwiperNav {
    position: static;
    width: 160px;
    margin: 26px auto 0;
    flex-wrap: wrap;
    row-gap: 16px;
    justify-content: space-between;
  }
}
.officePageSec__OverviewSwiperPrev, .officePageSec__OverviewSwiperNext {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  position: relative;
  width: 100px;
  height: 52px;
  padding-top: 3px;
  border-radius: 20px;
  border: 1px solid #4B91D8;
  background-color: #fff;
  font-size: 18px;
  letter-spacing: 0.02em;
  cursor: pointer;
  transition: 0.6s;
}
.officePageSec__OverviewSwiperPrev::after, .officePageSec__OverviewSwiperNext::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 10px;
  background: url("../images/common/arrow_w.png") center/12px no-repeat;
  opacity: 0;
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .officePageSec__OverviewSwiperPrev:hover, .officePageSec__OverviewSwiperNext:hover {
    background-color: #4B91D8;
    color: transparent;
  }
  .officePageSec__OverviewSwiperPrev:hover::after, .officePageSec__OverviewSwiperNext:hover::after {
    opacity: 1;
  }
}
@media screen and (max-width: 768px) {
  .officePageSec__OverviewSwiperPrev, .officePageSec__OverviewSwiperNext {
    width: 68px;
    height: 40px;
    border-radius: 12px;
    font-size: 14px;
    line-height: 1;
    padding-top: 0;
  }
}
.officePageSec__OverviewSwiperPrev::after {
  transform: translate(-50%, -50%) rotate(180deg);
}
.officePageSec__OverviewSwiperPagination {
  width: auto !important;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
}
.officePageSec__OverviewSwiperPagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0 !important;
  background-color: #fff;
  border: 1px solid #4991D8;
  opacity: 1;
}
.officePageSec__OverviewSwiperPagination .swiper-pagination-bullet-active {
  background-color: #1544A3;
  border: 1px solid #1544A3;
}
@media screen and (max-width: 768px) {
  .officePageSec__OverviewSwiperPagination {
    order: 1;
    width: 100% !important;
    column-gap: 16px;
  }
  .officePageSec__OverviewSwiperPagination .swiper-pagination-bullet {
    background: #fff;
    border: 1px solid #4991D8;
  }
  .officePageSec__OverviewSwiperPagination .swiper-pagination-bullet-active {
    border: 1px solid #1544A3;
    background: #1544A3;
  }
}
@media screen and (max-width: 768px) {
  .officePageSec__OverviewSwiperPrev {
    order: 2;
  }
}
@media screen and (max-width: 768px) {
  .officePageSec__OverviewSwiperNext {
    order: 3;
  }
}
.officePageSec__Cases {
  background-color: #F2FBFF;
  border-radius: 30px;
  padding: 120px 0;
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .officePageSec__Cases {
    padding: 80px 0;
    margin-top: 80px;
  }
}
.officePageSec__Cases .post__related {
  max-width: 1160px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .officePageSec__Cases .post__related {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.officePageSec__Cases .post__related {
  padding-top: 60px;
  padding-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .officePageSec__Cases .post__related {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .officePageSec__Cases .low__btn {
    padding: 0 20px;
  }
}
.officePageSec__CasesEn {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 12px;
}
.officePageSec__CasesTitle {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .officePageSec__CasesTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.officePageSec__CasesTitle {
  font-size: 24px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .officePageSec__CasesTitle {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
.officePageSec__CasesText {
  width: calc(100% - 250px);
  max-width: 880px;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .officePageSec__CasesText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.officePageSec__CasesText {
  font-size: 16px;
  line-height: 28px;
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .officePageSec__CasesText {
    width: 100%;
    font-size: 14px;
    line-height: 24px;
  }
}
.officePageSec__CasesInner {
  max-width: 1160px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .officePageSec__CasesInner {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.officePageSec__CasesInner {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .officePageSec__CasesInner {
    display: block;
  }
}
.officePageSec__News {
  max-width: 1160px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .officePageSec__News {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.officePageSec__News {
  margin: 180px auto 0;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .officePageSec__News {
    display: block;
    margin: 0 auto;
  }
}
.officePageSec__NewsTitleArea {
  width: 150px;
}
@media screen and (max-width: 768px) {
  .officePageSec__NewsTitleArea {
    width: 100%;
  }
}
.officePageSec__NewsEn {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 12px;
}
.officePageSec__NewsTitle {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .officePageSec__NewsTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.officePageSec__NewsTitle {
  font-size: 24px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .officePageSec__NewsTitle {
    font-size: 20px;
  }
}
.officePageSec__NewsInner {
  margin-top: 20px;
  padding-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .officePageSec__NewsInner {
    position: relative;
    padding-bottom: 0;
  }
}
.officePageSec__NewsInnerList {
  width: 880px;
}
@media screen and (max-width: 768px) {
  .officePageSec__NewsInnerList {
    width: 100%;
  }
}
.officePageSec__innerItem {
  padding: 4.5rem 4rem;
  border-bottom: 1px solid #DFE9ED;
}
@media screen and (max-width: 768px) {
  .officePageSec__innerItem {
    padding: 30px 0;
  }
  .officePageSec__innerItem:nth-of-type(3) {
    border-bottom: none;
  }
}
.officePageSec__innerItemDate {
  display: flex;
  align-items: center;
}
.officePageSec__innerItemTage {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .officePageSec__innerItemTage {
    font-size: 14px;
    line-height: 1.8;
  }
}
.officePageSec__innerItemTage {
  font-size: 1.4rem;
  color: #1544A3;
  border: 1px solid #5FA6EB;
  padding: 3px 20px;
  border-radius: 20px;
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .officePageSec__innerItemTage:hover {
    background-color: #1544A3;
    color: #fff;
  }
}
@media screen and (max-width: 768px) {
  .officePageSec__innerItemTage {
    padding: 1px 13px;
    font-size: 12px;
  }
}
.officePageSec__innerItemD {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 1.4rem;
  margin-left: 20px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .officePageSec__innerItemD {
    margin-left: 8px;
  }
}
.officePageSec__innerItemTitle {
  display: block;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .officePageSec__innerItemTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.officePageSec__innerItemTitle {
  font-size: 1.8rem;
  margin-top: 12px;
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .officePageSec__innerItemTitle:hover {
    color: #1544A3;
  }
}
@media screen and (max-width: 768px) {
  .officePageSec__innerItemTitle {
    font-size: 14px;
    margin-top: 14px;
  }
}
.officePageSec__NewsBnt {
  width: 200px;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .officePageSec__NewsBnt {
    width: 160px;
    margin-left: 0;
    position: absolute;
    top: 12px;
    right: -42px;
  }
}
.officePageSec__NewsBntLink {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .officePageSec__NewsBntLink {
    font-size: 14px;
    line-height: 1.8;
  }
}
.officePageSec__NewsBntLink {
  font-size: 16px;
  font-weight: bold;
  color: #123E96;
  display: block;
  margin-top: 56px;
  padding-right: 80px;
  position: relative;
}
.officePageSec__NewsBntLink:after {
  content: "";
  width: 56px;
  height: 56px;
  background: url(../images/common/bnt_headerB.png) center center/contain no-repeat;
  position: absolute;
  right: 46px;
  top: -13px;
  transition: 0.6s;
}
.officePageSec__NewsBntLink {
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .officePageSec__NewsBntLink:hover {
    color: #5FA6EB;
  }
  .officePageSec__NewsBntLink:hover:after {
    background: url(../images/common/arrow_bntb.png) center center/contain no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .officePageSec__NewsBntLink {
    margin-top: 10px;
    font-size: 14px;
    padding-right: 0;
    margin-left: 0;
    width: 100%;
  }
  .officePageSec__NewsBntLink:after {
    width: 40px;
    height: 40px;
    top: -8px;
    background: url(../images/common/arrow_bntb_sp.png) center center/contain no-repeat;
  }
}

/*====================================================================
.casePageSec
====================================================================*/
.lowFv--casePageSec {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.lowFv--archiveCase {
  background: url(../images/case/fv_pc.jpg) center center/cover no-repeat;
}
@media screen and (max-width: 768px) {
  .lowFv--archiveCase {
    background: url(../images/case/fv_sp.jpg) center center/cover no-repeat;
  }
}

.archiveCase::before {
  height: 1040px;
}
.archiveCase .searchFilter__selectWrap {
  max-width: 320px;
}

.casePageSec .breadcrumb {
  background-color: #F2FBFF;
  margin-bottom: 0;
  padding: 0;
}
.casePageSec .breadcrumb__list {
  max-width: 1160px;
  width: calc(100% - 40px);
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .casePageSec .breadcrumb__list {
    width: calc(100% - 40px);
  }
}
.casePageSec__archiveLead {
  max-width: 600px;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .casePageSec__archiveLead {
    font-size: 14px;
    line-height: 1.8;
  }
}
.casePageSec__archiveLead {
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .casePageSec__archiveLead {
    width: 100%;
    margin-bottom: 40px;
  }
}
.casePageSec__topArea {
  padding: 40px 0 0;
  background-color: #F2FBFF;
}
@media screen and (max-width: 768px) {
  .casePageSec__topArea {
    padding: 20px 0 0;
  }
}
.casePageSec__wrap {
  max-width: 1240px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .casePageSec__wrap {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.casePageSec__wrap {
  padding: 0 40px;
  border-bottom: 1px solid #C6E0F7;
}
@media screen and (max-width: 768px) {
  .casePageSec__wrap {
    padding: 0 20px;
  }
}
.casePageSec__wrap--noBorder {
  border-bottom: none;
}
.casePageSec__wrapInner {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media screen and (max-width: 768px) {
  .casePageSec__wrapInner {
    display: block;
  }
}
.casePageSec__wrapLeft {
  width: calc(100% - 540px);
  padding-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .casePageSec__wrapLeft {
    width: 100%;
  }
}
.casePageSec__wrapLeftTitleTag {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .casePageSec__wrapLeftTitleTag {
    font-size: 14px;
    line-height: 1.8;
  }
}
.casePageSec__wrapLeftTitleTag {
  font-size: 14px;
  color: #1544A3;
  border: 1px solid #87BAED;
  border-radius: 30px;
  width: fit-content;
  padding: 0 20px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .casePageSec__wrapLeftTitleTag {
    font-size: 12px;
  }
}
.casePageSec__wrapLeftTitle {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .casePageSec__wrapLeftTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.casePageSec__wrapLeftTitle {
  font-size: 24px;
  font-weight: bold;
  line-height: 38px;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .casePageSec__wrapLeftTitle {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 20px;
  }
}
.casePageSec__wrapRight {
  background-color: #fff;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  padding: 44px 40px 45px 44px;
  overflow: hidden;
  width: 480px;
  min-width: 480px;
  height: fit-content;
}
@media screen and (max-width: 768px) {
  .casePageSec__wrapRight {
    width: 100%;
    padding: 20px;
  }
}
.casePageSec__wrapRightArea {
  display: flex;
}
@media screen and (max-width: 768px) {
  .casePageSec__wrapRightArea {
    display: block;
  }
}
.casePageSec__wrapRightTitle {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .casePageSec__wrapRightTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.casePageSec__wrapRightTitle {
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  padding-right: 40px;
  position: relative;
}
.casePageSec__wrapRightTitle::after {
  content: "";
  position: absolute;
  right: 0;
  top: -17px;
  width: 1px;
  height: 123px;
  background-color: #C6E0F7;
}
@media screen and (max-width: 768px) {
  .casePageSec__wrapRightTitle {
    font-size: 14px;
    line-height: 24px;
    padding-right: 0;
    border-bottom: 1px solid #C6E0F7;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .casePageSec__wrapRightTitle::after {
    display: none;
  }
}
.casePageSec__wrapRightList {
  padding-left: 40px;
}
@media screen and (max-width: 768px) {
  .casePageSec__wrapRightList {
    padding-left: 0;
  }
}
.casePageSec__wrapRightItem {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .casePageSec__wrapRightItem {
    justify-content: flex-start;
  }
}
.casePageSec__wrapRightItemTitle {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .casePageSec__wrapRightItemTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.casePageSec__wrapRightItemTitle {
  font-size: 16px;
  font-weight: bold;
  margin-right: 12px;
}
@media screen and (max-width: 768px) {
  .casePageSec__wrapRightItemTitle {
    font-size: 14px;
    line-height: 24px;
    margin-right: 10px;
    width: 130px;
  }
}
.casePageSec__wrapRightItemText {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .casePageSec__wrapRightItemText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.casePageSec__wrapRightItemText {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .casePageSec__wrapRightItemText {
    font-size: 14px;
    line-height: 24px;
  }
}
.casePageSec__content {
  max-width: 1100px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .casePageSec__content {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.casePageSec__content {
  padding: 60px 20px 70px;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.casePageSec__content::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 30px;
  bottom: 40px;
  width: 24px;
  height: auto;
  transform: translateX(-50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  background-image: url("../images/case/case-img06.png");
}
@media screen and (max-width: 768px) {
  .casePageSec__content {
    display: block;
    padding-top: 48px;
  }
  .casePageSec__content::before {
    display: none;
  }
}
.casePageSec__contentRight {
  width: 46%;
  max-width: 460px;
}
@media screen and (max-width: 768px) {
  .casePageSec__contentRight {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin-bottom: 54px;
    padding-bottom: 34px;
    border-bottom: 1px solid #C6E0F7;
  }
  .casePageSec__contentRight::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -20px;
    width: 44px;
    height: 44px;
    transform: translateX(-50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("../images/case/case-img10.png");
  }
}
.casePageSec__contentLeft {
  width: 46%;
  max-width: 460px;
}
@media screen and (max-width: 768px) {
  .casePageSec__contentLeft {
    width: 100%;
    max-width: 100%;
  }
}
.casePageSec__contentRightTitle {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .casePageSec__contentRightTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.casePageSec__contentRightTitle {
  font-size: 24px;
  font-weight: bold;
  color: #4991D8;
  text-align: center;
  position: relative;
  padding-left: 40px;
}
.casePageSec__contentRightTitle::before {
  content: "";
  position: absolute;
  left: 38%;
  top: 50%;
  width: 34px;
  height: 52px;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("../images/case/case-img01.png");
}
@media screen and (max-width: 768px) {
  .casePageSec__contentRightTitle::before {
    width: 30px;
    height: 46px;
  }
}
@media screen and (max-width: 768px) {
  .casePageSec__contentRightTitle {
    font-size: 18px;
    line-height: 28px;
  }
}
.casePageSec__contentRightText {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .casePageSec__contentRightText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.casePageSec__contentRightText {
  font-size: 16px;
  line-height: 28px;
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  .casePageSec__contentRightText {
    font-size: 14px;
    line-height: 24px;
    margin-top: 24px;
  }
}
.casePageSec__contentLeftTitle {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .casePageSec__contentLeftTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.casePageSec__contentLeftTitle {
  font-size: 24px;
  font-weight: bold;
  color: #4991D8;
  text-align: center;
  position: relative;
  padding-left: 60px;
}
.casePageSec__contentLeftTitle::before {
  content: "";
  position: absolute;
  left: 38%;
  top: 50%;
  width: 80px;
  height: 80px;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("../images/case/case-img02.png");
}
@media screen and (max-width: 768px) {
  .casePageSec__contentLeftTitle {
    font-size: 18px;
    line-height: 28px;
  }
  .casePageSec__contentLeftTitle::before {
    width: 74px;
    height: 74px;
  }
}
.casePageSec__contentLeftText {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .casePageSec__contentLeftText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.casePageSec__contentLeftText {
  font-size: 16px;
  line-height: 28px;
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  .casePageSec__contentLeftText {
    font-size: 14px;
    line-height: 24px;
    margin-top: 40px;
  }
}
.casePageSec__related {
  max-width: 1160px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .casePageSec__related {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.casePageSec__related {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .casePageSec__related {
    margin-top: 40px;
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .casePageSec__relatedAreaInner {
    padding: 0 20px;
  }
}
.casePageSec__bottomArea {
  max-width: 1160px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .casePageSec__bottomArea {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.casePageSec__bottomArea {
  margin-top: 180px;
}
@media screen and (max-width: 768px) {
  .casePageSec__bottomArea {
    margin-top: 80px;
  }
}
.casePageSec__bottomArea .singleColumn__person {
  padding: 40px;
}
@media screen and (max-width: 768px) {
  .casePageSec__bottomArea .singleColumn__person {
    padding: 0;
    margin: 0;
    width: 100%;
  }
}
.casePageSec__bottomArea .singleColumn__personInner {
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .casePageSec__bottomArea .post__personPic {
    padding-top: 75%;
  }
}
@media screen and (max-width: 768px) {
  .casePageSec__bottomArea .post__personPic .img {
    border-radius: 10px 10px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .casePageSec__bottomArea .post__personBox {
    padding: 0 20px 40px;
  }
}
.casePageSec__bottomArea .post__personContainer {
  align-items: center;
}
.casePageSec__bottomArea .post__personTtlBox {
  margin-bottom: 20px;
}
.casePageSec__bottomArea .post__viewcatWrap {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .casePageSec__bottomArea .post__viewcatWrap {
    margin-bottom: 20px;
  }
}
.casePageSec__bottomArea .post__related {
  padding-top: 140px;
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .casePageSec__bottomArea .post__related {
    padding-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  .casePageSec__bottomArea .post__personBelong {
    margin-top: 4px;
  }
}
.casePageSec__relatedAreaImage {
  max-width: 1040px;
}
.casePageSec__relatedListItem {
  margin-bottom: 70px;
}
.casePageSec__relatedListItem:nth-child(2) .casePageSec__relatedAreaImage {
  margin-left: auto;
}
.casePageSec__relatedListItem:nth-child(2) .casePageSec__relatedArea {
  border-top-right-radius: 20px;
}
@media screen and (max-width: 768px) {
  .casePageSec__relatedListItem {
    margin-bottom: 40px;
  }
  .casePageSec__relatedListItem:nth-child(2) .casePageSec__relatedAreaImage {
    margin-left: 0;
  }
  .casePageSec__relatedListItem:nth-child(2) .casePageSec__relatedArea {
    border-top-right-radius: 0;
  }
}
.casePageSec__relatedArea {
  max-width: 980px;
  background-color: #fff;
  border-top-left-radius: 20px;
  padding: 44px 40px 45px 44px;
  margin-top: -60px;
  margin-left: 60px;
  z-index: 111;
  position: relative;
}
@media screen and (max-width: 768px) {
  .casePageSec__relatedArea {
    max-width: 100%;
    margin-top: 0;
    margin-left: 0;
    padding: 20px 20px 20px 20px;
  }
}
.casePageSec__relatedAreaTitle {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .casePageSec__relatedAreaTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.casePageSec__relatedAreaTitle {
  font-size: 20px;
  font-weight: bold;
  line-height: 34px;
  padding-left: 40px;
  position: relative;
}
.casePageSec__relatedAreaTitle::before {
  content: "";
  position: absolute;
  left: -10px;
  top: 50%;
  width: 30px;
  height: 1px;
  background-color: #87BAED;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .casePageSec__relatedAreaTitle {
    font-size: 16px;
    line-height: 24px;
    padding-left: 0;
  }
  .casePageSec__relatedAreaTitle::before {
    display: none;
  }
}
.casePageSec__relatedAreaText {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .casePageSec__relatedAreaText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.casePageSec__relatedAreaText {
  font-size: 16px;
  line-height: 28px;
  margin-top: 28px;
  margin-left: 40px;
  max-width: 840px;
}
@media screen and (max-width: 768px) {
  .casePageSec__relatedAreaText {
    font-size: 14px;
    line-height: 24px;
    margin-top: 20px;
    margin-left: 0;
  }
}

/*====================================================================
.lawyerPageSec
====================================================================*/
.lowFv--lawyerPageSec {
  background: url(../images/lower/lawyerPage-kv.jpg) center center/cover no-repeat;
}
@media screen and (max-width: 768px) {
  .lowFv--lawyerPageSec {
    background: url(../images/lower/lawyerPage-kv_sp.jpg) center center/cover no-repeat;
  }
}

/* main の overflow:hidden が子孫の position:sticky を無効化するため、このページのみ可視にする */
main.mainContent:has(.singleLower.low) {
  overflow: visible;
}

.lawyerNews {
  position: relative;
}
.lawyerNews::before {
  content: "";
  width: 100%;
  height: 900px;
  background: #F2FBFF;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (min-width: 786px) {
  .lawyerNews .searchFilter {
    max-width: 1120px;
    margin: 50px auto 65px;
  }
}
.lawyerNews .siteFooter {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .lawyerNews .siteFooter {
    margin-top: 50px;
  }
}

.post-type-archive-lawyer .siteFooter {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .post-type-archive-lawyer .siteFooter {
    margin-top: 50px;
  }
}

.lawyerPageSec__searchArea {
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .lawyerPageSec__searchArea {
    padding-top: 30px;
  }
}
.lawyerPageSec__lawyerInner {
  max-width: 1240px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .lawyerPageSec__lawyerInner {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .lawyerPageSec__lawyerInner {
    margin: 30px auto 0;
    padding: 0;
  }
}
.lawyerPageSec__lawyerInner--special {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .lawyerPageSec__lawyerInner--special {
    margin-top: 50px;
  }
}
.lawyerPageSec__lawyerInnerList {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .lawyerPageSec__lawyerInnerList {
    display: block;
  }
}
.lawyerPageSec__lawyerInnerListItem {
  display: block;
  overflow: hidden;
  width: 33.3333333333%;
  margin-bottom: 60px;
}
.lawyerPageSec__lawyerInnerListItem:hover .lawyerPageSec__lawyerInnerListItemImageImg {
  transform: scale(1.08);
}
@media screen and (max-width: 768px) {
  .lawyerPageSec__lawyerInnerListItem:hover .lawyerPageSec__lawyerInnerListItemImageImg {
    transform: scale(1);
  }
}
@media screen and (max-width: 768px) {
  .lawyerPageSec__lawyerInnerListItem {
    width: 100%;
    margin-bottom: 30px;
  }
}
.lawyerPageSec__lawyerInnerListItemImage {
  overflow: hidden;
  aspect-ratio: 4/3;
  max-width: 400px;
}
.lawyerPageSec__lawyerInnerListItemImageImg {
  transition: 0.6s;
  object-fit: cover;
  height: 100%;
}
.lawyerPageSec__lawyerInnerTitle {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .lawyerPageSec__lawyerInnerTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.lawyerPageSec__lawyerInnerTitle {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 60px;
  text-align: center;
}
.lawyerPageSec__lawyerInnerTitle:after {
  content: "";
  display: block;
  width: 30px;
  height: 1px;
  background-color: #5FA6EB;
  margin: 35px auto 0;
}
@media screen and (max-width: 768px) {
  .lawyerPageSec__lawyerInnerTitle {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 40px;
  }
  .lawyerPageSec__lawyerInnerTitle:after {
    margin: 35px auto 0;
  }
}
.lawyerPageSec__lawyerInnerListItemName {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 24px;
  color: #1544A3;
  font-weight: bold;
  letter-spacing: 0.05em;
  position: relative;
  background-color: #fff;
  padding: 20px 20px 2px 20px;
  max-width: 300px;
  border-top-right-radius: 10px;
  margin-top: -30px;
}
.lawyerPageSec__lawyerInnerListItemText {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .lawyerPageSec__lawyerInnerListItemText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.lawyerPageSec__lawyerInnerListItemText {
  font-size: 14px;
  padding-left: 40px;
  line-height: 28px;
  position: relative;
}
.lawyerPageSec__lawyerInnerListItemText:after {
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  background-color: #5FA6EB;
  position: absolute;
  left: 20px;
  top: 50%;
}
.lawyerPageSec__lawyerInnerListItemLinkList {
  display: flex;
  margin-top: 15px;
  padding: 0 20px;
  flex-wrap: wrap;
}
.lawyerPageSec__lawyerInnerListItemLinkListLink {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .lawyerPageSec__lawyerInnerListItemLinkListLink {
    font-size: 14px;
    line-height: 1.8;
  }
}
.lawyerPageSec__lawyerInnerListItemLinkListLink {
  font-size: 14px;
  color: #1544A3;
  padding: 1px 20px 3px;
  background-color: #fff;
  border-radius: 20px;
  margin-right: 10px;
  border: 1px solid #5FA6EB;
  line-height: 20px;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .lawyerPageSec__lawyerInnerListItemLinkListLink {
    font-size: 12px;
    padding: 1px 10px 3px;
    margin-right: 5px;
  }
}
/*====================================================================
.servicePageSec
====================================================================*/
.archiveService .casePageSec__archiveLead {
  margin-bottom: 83px;
}
@media screen and (max-width: 768px) {
  .archiveService .casePageSec__archiveLead {
    padding: 0 20px;
    margin-bottom: 38px;
  }
  .archiveService .casePageSec__archiveLead.u-corporation {
    margin-bottom: 9px;
  }
}
.archiveService__list {
  border-radius: 20px;
  padding: 0 20px;
  border: 1px solid #DFE9EC;
  background: #fff;
  z-index: 1;
  position: relative;
}
@media screen and (max-width: 768px) {
  .archiveService__list {
    border-radius: 10px;
  }
}
.archiveService__listItem {
  border-bottom: 1px solid #DFE9EC;
}
.archiveService__listItem:last-child {
  border-bottom: none;
}
.archiveService__listItemLink {
  padding: 60px 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .archiveService__listItemLink {
    padding: 30px 0;
    flex-direction: column-reverse;
    gap: 20px;
  }
}
.archiveService__listItemLink:hover .archiveService__listItemFigArea img {
  scale: 1.1;
  transition: 0.6s;
}
.archiveService__listItemLink:hover .archiveService__listItemTtl {
  padding-left: 14px;
  position: relative;
  transition: 0.3s;
}
.archiveService__listItemLink:hover .archiveService__listItemTtl::before {
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.archiveService__listItemLink:hover .archiveService__listItemTtl.u-blue::before {
  background: #4991D8;
}
.archiveService__listItemLink:hover .archiveService__listItemTtl.u-purple::before {
  background: #955CE0;
}
.archiveService__listItemLink:hover .archiveService__listItemTtl.u-pink::before {
  background: #FF93B0;
}
.archiveService__listItemLink:hover .archiveService__listItemTtl.u-red::before {
  background: #C13465;
}
.archiveService__listItemLink:hover .archiveService__listItemTtl.u-green::before {
  background: #5AC2D5;
}
.archiveService__listItemLink:hover .archiveService__listItemTtl.u-orange::before {
  background: #EA8A4F;
}
.archiveService__listItemLink:hover .post__btnLinkArrowInner {
  transform: translateX(0);
}
.archiveService__listItemLink:hover .post__btnLinkArrow {
  background: #4991D8;
}
.archiveService__listItemLink:hover .post__arrow {
  background: url("../images/common/arrow_w.png") center/10px no-repeat;
}
.archiveService__listItemLink:hover .post__relatedBtn.u-blue .post__btnLinkArrow {
  background: #4991D8;
}
.archiveService__listItemLink:hover .post__relatedBtn.u-purple .post__btnLinkArrow {
  background: #955CE0;
}
.archiveService__listItemLink:hover .post__relatedBtn.u-pink .post__btnLinkArrow {
  background: #FF93B0;
}
.archiveService__listItemLink:hover .post__relatedBtn.u-red .post__btnLinkArrow {
  background: #C13465;
}
.archiveService__listItemLink:hover .post__relatedBtn.u-green .post__btnLinkArrow {
  background: #5AC2D5;
}
.archiveService__listItemLink:hover .post__relatedBtn.u-orange .post__btnLinkArrow {
  background: #EA8A4F;
}
.archiveService__listItemFigArea {
  width: 40%;
  display: flex;
  gap: 25%;
  align-items: flex-end;
}
@media screen and (max-width: 768px) {
  .archiveService__listItemFigArea {
    width: 100%;
    gap: 25px;
  }
}
.archiveService__listItemFigArea figure {
  max-width: 240px;
  aspect-ratio: 240/140;
  border-radius: 6px;
  overflow: hidden;
  transition: 0.6s;
}
@media screen and (max-width: 768px) {
  .archiveService__listItemFigArea figure {
    max-width: 300px;
  }
}
.archiveService__listItemFigArea img {
  height: 100%;
  object-fit: cover;
}
.archiveService__listItemTxtArea {
  width: 52%;
  max-width: 500px;
}
@media screen and (max-width: 768px) {
  .archiveService__listItemTxtArea {
    width: 100%;
  }
}
.archiveService__listItemTtl {
  display: flex;
  align-items: flex-end;
  margin-bottom: 20px;
  gap: 4px;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .archiveService__listItemTtl {
    margin-bottom: 10px;
  }
}
.archiveService__listItemTtl .main {
  font-size: 2.4rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .archiveService__listItemTtl .main {
    font-size: 18px;
  }
}
.archiveService__listItemTtl .sub {
  font-size: 16px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .archiveService__listItemTtl .sub {
    font-size: 14px;
  }
}
.archiveService__listItemTxt {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .archiveService__listItemTxt {
    font-size: 14px;
    line-height: 1.8;
  }
}
.archiveService__listItemTxt {
  font-weight: 400;
}
.archiveService__marquee {
  overflow: hidden;
  margin-bottom: -25px;
  max-width: 660px;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .archiveService__marquee {
    margin-bottom: -20px;
  }
}
.archiveService__marqueeInner {
  display: flex;
  width: max-content;
  white-space: nowrap;
  animation: archiveServiceMarquee 40s linear infinite;
}
.archiveService__marqueeInner span {
  font-family: "Fustat", sans-serif;
  font-size: 112px;
  font-weight: 700;
  color: rgba(219, 237, 255, 0.6);
  display: inline-block;
  flex-shrink: 0;
  margin-right: 90px;
}
@media screen and (max-width: 768px) {
  .archiveService__marqueeInner span {
    font-size: 80px;
    margin-right: 70px;
  }
}
.archiveService .post__relatedBtn.u-pink .post__personBtnLink {
  color: #FF93B0;
}
.archiveService .post__relatedBtn.u-pink .post__btnLinkArrow {
  border: 1px solid #FF93B0;
}
.archiveService .post__relatedBtn.u-blue .post__btnLinkArrow {
  border: 1px solid #4991D8;
}
.archiveService .post__relatedBtn.u-purple .post__btnLinkArrow {
  border: 1px solid #955CE0;
}
.archiveService .post__relatedBtn.u-pink .post__btnLinkArrow {
  border: 1px solid #FF93B0;
}
.archiveService .post__relatedBtn.u-red .post__btnLinkArrow {
  border: 1px solid #C13465;
}
.archiveService .post__relatedBtn.u-green .post__btnLinkArrow {
  border: 1px solid #5AC2D5;
}
.archiveService .post__relatedBtn.u-orange .post__btnLinkArrow {
  border: 1px solid #EA8A4F;
}

@keyframes archiveServiceMarquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
/*====================================================================
.aboutPageSec
====================================================================*/
.lowFv.lowFv--aboutPage {
  background: url(../images/lower/aboutPage-kv.jpg) center center/cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .lowFv.lowFv--aboutPage {
    background: url(../images/lower/aboutPage-kv_sp.jpg) center center/contain;
    background-repeat: no-repeat;
    padding-bottom: 25%;
  }
}
.lowFv::after {
  height: 36px;
}

.aboutPageSec__cont {
  max-width: 1160px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .aboutPageSec__cont {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.aboutPageSec__cont {
  margin-top: 130px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .aboutPageSec__cont {
    display: block;
    margin-top: 52px;
  }
}
.aboutPageSec__contText {
  width: 440px;
}
@media screen and (max-width: 768px) {
  .aboutPageSec__contText {
    width: 100%;
  }
}
.aboutPageSec__contMsg {
  width: calc(100% - 520px);
}
@media screen and (max-width: 768px) {
  .aboutPageSec__contMsg {
    width: 100%;
  }
}
.aboutPageSec__contTextTitle {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .aboutPageSec__contTextTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.aboutPageSec__contTextTitle {
  font-size: 46px;
  color: #5FA6EB;
  font-weight: 300;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 768px) {
  .aboutPageSec__contTextTitle {
    font-size: 28px;
    line-height: 1.2;
  }
}
.aboutPageSec__contTextText {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .aboutPageSec__contTextText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.aboutPageSec__contTextText {
  font-size: 46px;
  color: #5FA6EB;
  font-weight: 300;
  margin-left: 110px;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 768px) {
  .aboutPageSec__contTextText {
    font-size: 28px;
    margin-left: 0;
  }
}
.aboutPageSec__contTextImg {
  max-width: 340px;
  margin-top: 70px;
  margin-left: 40px;
}
@media screen and (max-width: 768px) {
  .aboutPageSec__contTextImg {
    display: none;
  }
}
.aboutPageSec__contMsgT {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .aboutPageSec__contMsgT {
    font-size: 14px;
    line-height: 1.8;
  }
}
.aboutPageSec__contMsgT {
  font-size: 16px;
  line-height: 44px;
  font-weight: 400;
}
.aboutPageSec__contMsgT.u-01 {
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .aboutPageSec__contMsgT {
    margin-top: 14px;
    font-size: 14px;
    line-height: 28px;
  }
  .aboutPageSec__contMsgT.u-01 {
    margin-bottom: 20px;
    margin-top: 30px;
  }
}
.aboutPageSec__imgArea {
  max-width: 1160px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .aboutPageSec__imgArea {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.aboutPageSec__imgArea {
  margin: 70px auto 180px;
}
@media screen and (max-width: 768px) {
  .aboutPageSec__imgArea {
    margin: 60px auto 120px;
    max-width: 375px;
  }
}
.aboutPageSec__inner {
  max-width: 1240px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .aboutPageSec__inner {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .aboutPageSec__inner {
    padding: 0;
  }
}
.aboutPageSec__innerTitleArea {
  position: relative;
}
@media screen and (max-width: 768px) {
  .aboutPageSec__innerTitleArea {
    padding: 0 20px;
  }
}
.aboutPageSec__innerTItle {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .aboutPageSec__innerTItle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.aboutPageSec__innerTItle {
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0.02em;
  text-align: center;
  display: block;
}
@media screen and (max-width: 768px) {
  .aboutPageSec__innerTItle {
    font-size: 20px;
    line-height: 1.2;
    text-align: left;
  }
}
.aboutPageSec__innerTitleEn {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .aboutPageSec__innerTitleEn {
    font-size: 14px;
    line-height: 1.8;
  }
}
.aboutPageSec__innerTitleEn {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.02em;
  position: absolute;
  top: 0;
  left: 45.4%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
  .aboutPageSec__innerTitleEn {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
  }
}
.aboutPageSec__innerText {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .aboutPageSec__innerText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.aboutPageSec__innerText {
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .aboutPageSec__innerText {
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    margin-bottom: 40px;
    padding: 0 20px;
  }
}
.aboutPageSec__innerListItem {
  border: 1px solid #DFE9EC;
  padding: 80px 80px 100px;
  border-bottom: none;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  margin-top: -20px;
}
.aboutPageSec__innerListItem.u-01 {
  margin-top: 0;
}
.aboutPageSec__innerListItem.u-04 {
  border-bottom: 1px solid #DFE9EC;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}
@media screen and (max-width: 768px) {
  .aboutPageSec__innerListItem {
    padding: 35px 20px 60px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    margin-top: -10px;
    background-color: #fff;
  }
  .aboutPageSec__innerListItem.u-04 {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding-bottom: 40px;
  }
}
.aboutPageSec__innerListItemT {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 88px;
  font-weight: bold;
  color: #87BAED;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .aboutPageSec__innerListItemT {
    font-size: 60px;
    margin-bottom: 14px;
  }
}
.aboutPageSec__innerListItemText, .aboutPageSec__innerListItemTextF {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .aboutPageSec__innerListItemText, .aboutPageSec__innerListItemTextF {
    font-size: 14px;
    line-height: 1.8;
  }
}
.aboutPageSec__innerListItemText, .aboutPageSec__innerListItemTextF {
  font-size: 38px;
  font-weight: 300;
  line-height: 62px;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .aboutPageSec__innerListItemText, .aboutPageSec__innerListItemTextF {
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
  }
}
@media screen and (max-width: 768px) {
  .aboutPageSec__innerListItemTextF {
    max-width: 100%;
    width: 100%;
  }
  .aboutPageSec__innerListItemTextF.u-01 {
    border-bottom: 1px solid #DFE9EC;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
.aboutPageSec__wrap {
  background-color: #F7F7F7;
  margin: 80px auto 140px;
  border-radius: 40px;
}
@media screen and (max-width: 768px) {
  .aboutPageSec__wrap {
    margin: -10px auto 80px;
    border-radius: 0;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    z-index: -1;
    position: relative;
  }
}
.aboutPageSec__wrapImg {
  width: 1120px;
  margin: 0 auto;
  padding: 120px 80px;
}
@media screen and (max-width: 768px) {
  .aboutPageSec__wrapImg {
    width: 100%;
    padding: 40px 20px 60px;
  }
}

/*====================================================================
.messagePage
====================================================================*/
.lowFv.lowFv--messagePage {
  background: url(../images/lower/messagePage-kv.jpg) center center/cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .lowFv.lowFv--messagePage {
    background: url(../images/lower/messagePage-kv_sp.jpg) center center/contain;
    background-repeat: no-repeat;
    padding-bottom: 31%;
  }
}

.messagePage__cont {
  max-width: 1040px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .messagePage__cont {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.messagePage__cont {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .messagePage__cont {
    margin-top: 40px;
  }
}
.messagePage__contText {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .messagePage__contText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.messagePage__contText {
  font-weight: 400;
  line-height: 28px;
}
@media screen and (max-width: 768px) {
  .messagePage__contText {
    line-height: 24px;
  }
}
.messagePage__inner {
  max-width: 1160px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .messagePage__inner {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.messagePage__inner {
  margin-top: 88px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .messagePage__inner {
    flex-direction: column;
    align-items: center;
    padding: 0;
    margin-top: 40px;
  }
}
.messagePage__innerItem {
  width: 48%;
  max-width: 520px;
  border: 1px solid #DFE9EC;
  border-radius: 30px;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .messagePage__innerItem {
    width: 100%;
    border-radius: 10px;
  }
  .messagePage__innerItem.u-02 {
    margin-top: -20px;
  }
}
.messagePage__innerItemArea {
  padding: 80px 60px;
}
@media screen and (max-width: 768px) {
  .messagePage__innerItemArea {
    padding: 40px 40px 70px;
  }
  .messagePage__innerItemArea.u-02 {
    padding: 40px 40px 60px;
  }
}
.messagePage__innerItemImgImg {
  display: block;
  max-width: 340px;
  width: 100%;
  margin: 0 auto 30px;
}
.messagePage__innerItemEnArea {
  position: relative;
}
.messagePage__innerItemEn {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 12px;
  position: absolute;
  top: 0;
  left: 40.5%;
  transform: translate(-50%, -50%);
}
.messagePage__innerItemEn.u-02 {
  left: 43.5%;
}
@media screen and (max-width: 768px) {
  .messagePage__innerItemEn {
    font-size: 12px;
    left: 42%;
  }
  .messagePage__innerItemEn.u-02 {
    left: 45%;
  }
}
.messagePage__innerItemTitle {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .messagePage__innerItemTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.messagePage__innerItemTitle {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .messagePage__innerItemTitle {
    font-size: 20px;
    margin-bottom: 16px;
  }
}
.messagePage__innerItemTextText {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .messagePage__innerItemTextText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.messagePage__innerItemTextText {
  line-height: 28px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .messagePage__innerItemTextText {
    font-size: 14px;
    line-height: 24px;
  }
}
.messagePage__EnText {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 112px;
  font-weight: bold;
  color: #E7F3FD;
}
.messagePage__EnArea {
  overflow: hidden;
  margin: 80px 0;
  height: 84px;
}
@media screen and (max-width: 768px) {
  .messagePage__EnArea {
    height: 62px;
    margin: 60px 0;
  }
}
.messagePage__EnAreaInner {
  display: flex;
  width: max-content;
  animation: archiveServiceMarquee 40s linear infinite;
}
.messagePage__EnAreaImg {
  display: block;
  height: 84px;
  width: auto;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .messagePage__EnAreaImg {
    height: 62px;
  }
}
.messagePage__wrap {
  max-width: 1160px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .messagePage__wrap {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .messagePage__wrap {
    padding: 0;
  }
}
.messagePage__wrapItemTitleArea {
  max-width: 1040px;
  padding: 0 20px;
  margin: 56px auto 60px;
}
@media screen and (max-width: 768px) {
  .messagePage__wrapItemTitleArea {
    margin: 20px auto 60px;
  }
}
.messagePage__wrapItemTitle {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .messagePage__wrapItemTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.messagePage__wrapItemTitle {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 40px;
  line-height: 38px;
}
@media screen and (max-width: 768px) {
  .messagePage__wrapItemTitle {
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 24px;
  }
}
.messagePage__wrapItemText {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .messagePage__wrapItemText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.messagePage__wrapItemText {
  line-height: 28px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .messagePage__wrapItemText {
    font-size: 14px;
    line-height: 24px;
  }
}
.messagePage__wrapItemMsg {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .messagePage__wrapItemMsg {
    font-size: 14px;
    line-height: 1.8;
  }
}
.messagePage__wrapItemMsg {
  font-size: 16px;
  text-align: right;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .messagePage__wrapItemMsg {
    font-size: 14px;
    margin-top: 60px;
    padding-right: 20px;
  }
}
.messagePage__wrapItemName {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .messagePage__wrapItemName {
    font-size: 14px;
    line-height: 1.8;
  }
}
.messagePage__wrapItemName {
  font-size: 22px;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .messagePage__wrapItemName {
    font-size: 18px;
    padding-right: 20px;
  }
}

/*====================================================================
.historyPage
====================================================================*/
.lowFv.lowFv--historyPage {
  background: url(../images/lower/historyPage-kv.jpg) center center/cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .lowFv.lowFv--historyPage {
    background: url(../images/lower/historyPage-kv_sp.jpg) center center/contain;
    background-repeat: no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .lowFv {
    padding-bottom: 38%;
  }
}

@media screen and (max-width: 768px) {
  .u-historyPage .topPageInformationSec {
    margin-top: 80px;
  }
}

.historyPage__inner {
  max-width: 1160px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .historyPage__inner {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.historyPage__inner {
  margin-top: 116px;
}
@media screen and (max-width: 768px) {
  .historyPage__inner {
    margin-top: 60px;
    padding: 0;
  }
}
.historyPage__innerTitleB {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .historyPage__innerTitleB {
    font-size: 14px;
    line-height: 1.8;
  }
}
.historyPage__innerTitleB {
  font-size: 46px;
  font-weight: 300;
  margin-bottom: 60px;
  color: #4991D8;
}
@media screen and (max-width: 768px) {
  .historyPage__innerTitleB {
    font-size: 28px;
    margin-bottom: 40px;
    padding: 0 20px;
    line-height: 38px;
  }
}
.historyPage__innerTitle {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .historyPage__innerTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.historyPage__innerTitle {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .historyPage__innerTitle {
    font-size: 18px;
    margin-bottom: 40px;
    padding: 0 20px;
  }
}
.historyPage__innerItem {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .historyPage__innerItem {
    display: block;
  }
}
.historyPage__innerItemImg {
  max-width: 330px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .historyPage__innerItemImg {
    max-width: 335px;
    width: 100%;
    margin-bottom: 49px;
  }
}
.historyPage__innerItemArea {
  max-width: 700px;
  width: calc(100% - 420px);
}
@media screen and (max-width: 768px) {
  .historyPage__innerItemArea {
    max-width: 100%;
    width: 100%;
  }
}
.historyPage__innerItemText {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .historyPage__innerItemText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.historyPage__innerItemText {
  font-size: 16px;
  font-weight: 400;
  line-height: 44px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .historyPage__innerItemText {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
    padding: 0 20px;
  }
}
.historyPage__content {
  max-width: 1160px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .historyPage__content {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.historyPage__content {
  margin-top: 230px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 70px;
  border-bottom: 1px solid #DFE9ED;
}
@media screen and (max-width: 768px) {
  .historyPage__content {
    display: block;
    margin-top: 80px;
    padding-bottom: 0px;
    border-bottom: none;
  }
}
.historyPage__contentLeft {
  width: 200px;
}
@media screen and (max-width: 768px) {
  .historyPage__contentLeft {
    width: 100%;
  }
}
.historyPage__contentRight {
  width: calc(100% - 280px);
  margin-top: 20px;
  position: relative;
}
.historyPage__contentRight::before {
  content: "";
  position: absolute;
  top: 50px;
  left: 34px;
  width: 1px;
  height: 77%;
  background-color: #DFE9ED;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .historyPage__contentRight {
    width: 100%;
    margin-top: 40px;
    position: relative;
    padding-bottom: 44px;
    border-bottom: 1px solid #DFE9ED;
  }
  .historyPage__contentRight::before {
    left: 24px;
    top: 35px;
    width: 1px;
    height: 75%;
  }
}
.historyPage__contentLeftTitle {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.05em;
}
.historyPage__contentLeftText {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .historyPage__contentLeftText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.historyPage__contentLeftText {
  font-size: 24px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .historyPage__contentLeftText {
    font-size: 20px;
  }
}
.historyPage__contentRightItem {
  display: flex;
  align-items: flex-start;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .historyPage__contentRightItem {
    margin-bottom: 36px;
  }
}
.historyPage__contentRightMsgArea {
  display: flex;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .historyPage__contentRightMsgArea {
    margin-bottom: 5px;
  }
}
.historyPage__contentRightYear {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 28px;
  font-weight: bold;
  color: #5FA6EB;
  letter-spacing: 0.05em;
  width: 70px;
  margin-right: 40px;
  margin-top: 5px;
  background-color: #fff;
  position: relative;
}
.historyPage__contentRightYear::before {
  content: "";
  position: absolute;
  top: -17px;
  left: 0;
  width: 100px;
  height: 60px;
  background-color: #fff;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .historyPage__contentRightYear {
    font-size: 20px;
    width: 50px;
    margin-right: 30px;
  }
  .historyPage__contentRightYear::before {
    top: -15px;
    left: 0;
    width: 48px;
    height: 45px;
  }
}
.historyPage__contentRightDay {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .historyPage__contentRightDay {
    font-size: 14px;
    line-height: 1.8;
  }
}
.historyPage__contentRightDay {
  font-size: 16px;
  font-weight: 500;
  width: 60px;
  margin-right: 50px;
}
@media screen and (max-width: 768px) {
  .historyPage__contentRightDay {
    font-size: 14px;
    width: 40px;
    margin-right: 10px;
  }
}
.historyPage__contentRightText {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .historyPage__contentRightText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.historyPage__contentRightText {
  font-size: 16px;
  font-weight: 500;
  max-width: 660px;
}
@media screen and (max-width: 768px) {
  .historyPage__contentRightText {
    font-size: 14px;
    max-width: 100%;
  }
}

.lowFv.lowFv--firm-info {
  background: url(../images/lower/firm-info-kv.jpg) center center/cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .lowFv.lowFv--firm-info {
    background: url(../images/lower/firm-info-kv_sp.jpg) center center/contain;
    background-repeat: no-repeat;
    padding-bottom: 25%;
  }
}

/* main の overflow:hidden が子孫の position:sticky を無効化するため、このページのみ可視にする */
main.mainContent:has(.firm-infoPage.low) {
  overflow: visible;
}

.firm-infoPage__inner {
  display: flex;
  position: relative;
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .firm-infoPage__inner {
    flex-direction: column;
    padding-top: 22px;
  }
}
.firm-infoPage__fig {
  position: absolute;
  top: 0;
  left: 0;
  width: 32%;
  height: 470px;
  overflow: hidden;
  border-radius: 0 20px 20px 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .firm-infoPage__fig {
    position: static;
    width: 180px;
    height: 120px;
    border-radius: 0 10px 10px 0;
  }
}
.firm-infoPage__fig img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right center;
}
@media screen and (max-width: 768px) {
  .firm-infoPage__fig img {
    object-position: left center;
    object-fit: cover;
  }
}
.firm-infoPage__sec {
  margin-bottom: 180px;
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .firm-infoPage__sec {
    margin-bottom: 80px;
  }
}
.firm-infoPage__marquee {
  overflow: hidden;
  width: 78%;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .firm-infoPage__marquee {
    width: 90%;
    margin-bottom: -30px;
  }
}
.firm-infoPage__marqueeInner {
  display: flex;
  width: max-content;
  white-space: nowrap;
  animation: archiveServiceMarquee 40s linear infinite;
  margin-top: 14px;
}
.firm-infoPage__marqueeInner span {
  font-family: "Fustat", sans-serif;
  font-size: 112px;
  font-weight: 700;
  color: rgba(219, 237, 255, 0.6);
  display: inline-block;
  flex-shrink: 0;
  margin-right: 90px;
}
@media screen and (max-width: 768px) {
  .firm-infoPage__marqueeInner span {
    font-size: 58px;
    margin-right: 30px;
  }
}
.firm-infoPage__rightArea {
  width: 100%;
  max-width: 1260px;
  padding: 0 20px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .firm-infoPage__rightArea {
    padding: 0;
  }
}
.firm-infoPage .singleLower__detail {
  width: 60%;
  max-width: 880px;
  margin-left: auto;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .firm-infoPage .singleLower__detail {
    width: 100%;
    margin-top: 40px;
  }
}
.firm-infoPage .singleLower__dl:last-child {
  border-bottom: none;
}
@media screen and (max-width: 768px) {
  .firm-infoPage .singleLower__dl {
    padding: 14px 20px;
    display: flex;
    flex-direction: row;
  }
  .firm-infoPage .singleLower__dl:first-of-type {
    padding-top: 0;
  }
}
.firm-infoPage__sec02 {
  margin-bottom: 180px;
}
@media screen and (max-width: 768px) {
  .firm-infoPage__sec02 {
    margin-bottom: 120px;
  }
}
.firm-infoPage__inner02 {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
  position: relative;
}
.firm-infoPage__inner02 + .firm-infoPage__inner02 {
  margin-top: 180px;
}
@media screen and (max-width: 768px) {
  .firm-infoPage__inner02 + .firm-infoPage__inner02 {
    margin-top: 100px;
  }
}
.firm-infoPage__inner02 {
  height: 520px;
}
@media screen and (max-width: 768px) {
  .firm-infoPage__inner02 {
    flex-direction: column;
  }
}
.firm-infoPage__fig02 {
  position: absolute;
  right: 0;
  top: 0;
  height: 520px;
  width: 60%;
  object-fit: contain;
  border-radius: 20px 0 0 20px;
  overflow: hidden;
}
.firm-infoPage__fig02 img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .firm-infoPage__fig02 {
    position: static;
    width: 100%;
    border-radius: 0;
  }
}
.firm-infoPage__txt {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .firm-infoPage__txt {
    font-size: 14px;
    line-height: 1.8;
  }
}
.firm-infoPage__txt {
  font-weight: 400;
  margin-bottom: 56px;
}
@media screen and (max-width: 768px) {
  .firm-infoPage__txt {
    margin-bottom: 30px;
  }
}
.firm-infoPage__rightArea02 {
  margin-right: auto;
  width: 100%;
  max-width: 1260px;
  padding: 0 20px;
  margin: 0 auto;
}
.firm-infoPage__rightArea02Inner {
  width: 32%;
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .firm-infoPage__rightArea02Inner {
    width: 100%;
    margin-top: 20px;
  }
}
.firm-infoPage__officeSec {
  max-width: 1260px;
  margin: 0 auto;
  padding: 0 20px;
}
@media screen and (max-width: 768px) {
  .firm-infoPage__officeSec {
    padding: 0;
  }
}
.firm-infoPage___officeLead {
  display: flex;
  justify-content: flex-end;
}
.firm-infoPage___officeLead span {
  font-family: "Fustat", sans-serif;
  font-size: 112px;
  font-weight: 700;
  color: rgba(219, 237, 255, 0.6);
  display: inline-block;
  flex-shrink: 0;
  margin-bottom: -30px;
}
@media screen and (max-width: 768px) {
  .firm-infoPage___officeLead span {
    font-size: 58px;
    margin-bottom: -15px;
  }
}
@media screen and (max-width: 768px) {
  .firm-infoPage .singleLower__ttl--en {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .firm-infoPage .singleLower__ttlBox {
    margin-bottom: 20px;
  }
}
.firm-infoPage .officePageSec__OverviewInner {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .firm-infoPage .officePageSec__OverviewInner {
    margin-bottom: 55px;
  }
}
.firm-infoPage .archiveService__listItemLink {
  display: block;
}
@media screen and (max-width: 768px) {
  .firm-infoPage .archiveService__listItemLink {
    padding: 20px 20px 40px;
  }
}
@media screen and (min-width: 769px) {
  .firm-infoPage .archiveService__listItemLink:hover img {
    scale: 1.1;
    transition: 0.6s;
  }
}
.firm-infoPage .officePageSec__OverviewInner {
  justify-content: flex-start;
  gap: 96px;
}
.firm-infoPage .officePageSec__OverviewText {
  max-width: 640px;
}
.firm-infoPage__listItemTxtArea {
  display: flex;
  justify-content: space-between;
  margin-bottom: 25px;
}
.firm-infoPage__listItemTxtArea figure {
  width: 200px;
  height: 120px;
  border-radius: 10px;
  overflow: hidden;
}
.firm-infoPage__listItemTxtArea figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.6s;
}
@media screen and (max-width: 768px) {
  .firm-infoPage__listItemTxtArea figure {
    max-width: 140px;
    aspect-ratio: 200/120;
    width: 100%;
    height: 100px;
  }
}
.firm-infoPage__listItemTtl {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.firm-infoPage__listItemTtl.u-tokyo {
  display: none;
}
@media screen and (max-width: 768px) {
  .firm-infoPage__listItemTtl.u-tokyo {
    display: flex;
  }
}
.firm-infoPage__listItemTtl .sub {
  color: #123E96;
  font-size: 14px;
  font-family: Fustat;
}
.firm-infoPage__listItemTtl .main {
  font-size: 2.4rem;
  font-weight: bold;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .firm-infoPage__listItemTtl .main {
    font-size: 20px;
  }
}
.firm-infoPage__listItemTtl .main::before {
  display: block;
  content: "";
  width: 10px;
  height: 1px;
  background: #87BAED;
}
.firm-infoPage .archiveService__listItemTxt {
  max-width: 590px;
}
@media screen and (max-width: 768px) {
  .firm-infoPage .archiveService__listItemTxt {
    max-width: 100%;
  }
}
.firm-infoPage .js-officeAnchorTarget {
  scroll-margin-top: 120px;
}
.firm-infoPage .archiveService__list {
  border: none;
  padding: 0;
}
.firm-infoPage .archiveService__list + .archiveService__list {
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .firm-infoPage .archiveService__list + .archiveService__list {
    margin-top: 60px;
  }
}
.firm-infoPage .archiveService__list.headoffice .firm-infoPage__listItem:first-child {
  display: none;
}
@media screen and (max-width: 768px) {
  .firm-infoPage .archiveService__list.headoffice .firm-infoPage__listItemTxtArea {
    flex-direction: column;
    margin-bottom: 15px;
  }
}
.firm-infoPage .archiveService__list.headoffice figure {
  max-width: 480px;
  height: 280px;
  width: calc(100% - 290px);
}
@media screen and (max-width: 768px) {
  .firm-infoPage .archiveService__list.headoffice figure {
    width: 100%;
    height: auto;
    aspect-ratio: 200/120;
    margin-top: 10px;
    margin-bottom: 20px;
  }
}
.firm-infoPage__listItem {
  border: 1px solid #DFE9EC;
  border-radius: 20px;
  margin-top: -40px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .firm-infoPage__listItem {
    border-radius: 10px;
    margin-top: -20px;
  }
}
.firm-infoPage__listItem:last-child .archiveService__listItemLink {
  padding: 50px 50px 40px;
}
@media screen and (max-width: 768px) {
  .firm-infoPage__listItem:last-child .archiveService__listItemLink {
    padding: 20px 20px 40px;
  }
}
.firm-infoPage__listItem:first-child {
  background: #F2FBFF;
  padding: 20px 40px 40px;
  border-radius: 10px 10px 0 0;
  width: fit-content;
  margin-left: auto;
  border: none;
  position: relative;
  bottom: -20px;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .firm-infoPage__listItem:first-child {
    padding: 15px 20px 34px;
    border-radius: 6px 6px 0 0;
    text-align: center;
  }
}
.firm-infoPage__listItem:first-child p {
  font-size: 2rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .firm-infoPage__listItem:first-child p {
    font-size: 16px;
    letter-spacing: 0.05em;
  }
}
.firm-infoPage__listItem:nth-child(2) {
  margin-top: 0;
}
.firm-infoPage .archiveService__listItemLink {
  padding-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .firm-infoPage .archiveService__listItemLink {
    padding-bottom: 60px;
  }
}
.firm-infoPage__listItemBtnrea {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .firm-infoPage__listItemBtnrea {
    flex-direction: column;
  }
}
.firm-infoPage__listItemBtnrea .post__personBtnLink {
  justify-content: flex-start;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .firm-infoPage__listItemBtnrea .post__personBtnLink {
    margin-top: 20px;
    justify-content: flex-end;
  }
  .firm-infoPage__listItemBtnrea .post__personBtnLink.u-tokyo {
    margin-top: 30px;
  }
}
.firm-infoPage .consultationPageSec__wrapRightContent {
  padding-top: 0;
  padding-right: 0;
}
.firm-infoPage .consultationPageSec__wrapLeft {
  width: 165px;
}

@keyframes archiveServiceMarquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
#office-firm-infoPage {
  scroll-margin-top: 120px;
}
@media screen and (max-width: 768px) {
  #office-firm-infoPage {
    scroll-margin-top: 70px;
  }
}

/*====================================================================
.consultationPage
====================================================================*/
.lowFv--consultationPage {
  background: url(../images/lower/consultation-kv.jpg) center center/cover no-repeat;
}
@media screen and (max-width: 768px) {
  .lowFv--consultationPage {
    background: url(../images/lower/consultation-kv_sp.jpg) center center/cover no-repeat;
    padding-bottom: 13%;
  }
}

.consultationPage::before {
  content: "";
  width: 100%;
  height: 900px;
  background: #F2FBFF;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .consultationPage .topPageInformationSec {
    margin-top: 80px;
  }
}

/* main の overflow:hidden が子孫の position:sticky を無効化するため、このページのみ可視にする */
main.mainContent:has(.consultationPage.low) {
  overflow: visible;
}

.consultationPageSec__text {
  max-width: 1200px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__text {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .consultationPageSec__text {
    margin-top: 30px;
  }
}
.consultationPageSec__archiveLead {
  max-width: 600px;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__archiveLead {
    font-size: 14px;
    line-height: 1.8;
  }
}
.consultationPageSec__archiveLead {
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__archiveLead {
    width: 100%;
    margin-bottom: 80px;
    max-width: 100%;
    font-size: 14px;
    line-height: 24px;
  }
}
.consultationPageSec__wrap {
  max-width: 1200px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__wrap {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.consultationPageSec__wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__wrap {
    display: block;
    padding: 0;
  }
}
.consultationPageSec__wrapLeft {
  width: 120px;
  flex-shrink: 0;
  position: sticky;
  top: 120px;
  align-self: flex-start;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__wrapLeft {
    display: none;
  }
}
.consultationPageSec__wrapLeftNav {
  width: 100%;
}
.consultationPageSec__wrapLeftItem.is-active .consultationPageSec__wrapLeftLink {
  color: #383434;
  border-bottom: 1px solid #4991D8;
  padding-left: 20px;
}
.consultationPageSec__wrapLeftItem.is-active .consultationPageSec__wrapLeftLink::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 50%;
  width: 10px;
  height: 10px;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("../images/consultation/consultation-img07.png");
}
.consultationPageSec__wrapLeftLink {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__wrapLeftLink {
    font-size: 14px;
    line-height: 1.8;
  }
}
.consultationPageSec__wrapLeftLink {
  display: block;
  position: relative;
  padding: 10px 0;
  line-height: 1.5;
  color: #707070;
  font-weight: bold;
  letter-spacing: 0.02em;
  border-bottom: 1px solid #B6D5F1;
  transition: 0.6s;
  position: relative;
}
.consultationPageSec__wrapLeftLink::before {
  transition: 0.6s;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 0;
  height: 0;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("../images/consultation/consultation-img07.png");
}
@media screen and (min-width: 769px) {
  .consultationPageSec__wrapLeftLink:hover {
    color: #383434;
    color: #383434;
    border-bottom: 1px solid #4991D8;
    padding-left: 20px;
  }
  .consultationPageSec__wrapLeftLink:hover::before {
    content: "";
    position: absolute;
    left: 6px;
    top: 50%;
    width: 10px;
    height: 10px;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("../images/consultation/consultation-img07.png");
  }
}
.consultationPageSec__anchorHeading {
  scroll-margin-top: 120px;
}
.consultationPageSec__wrapRight {
  width: calc(100% - 160px);
  min-width: 0;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__wrapRight {
    width: 100%;
  }
}
.consultationPageSec__wrapRightContent {
  background-color: #fff;
  padding: 60px 60px 0;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__wrapRightContent {
    padding: 50px 0 0;
    position: relative;
  }
}
.consultationPageSec__wrapRightEn {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 12px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__wrapRightEn {
    font-size: 12px;
    padding: 0 20px;
  }
  .consultationPageSec__wrapRightEn.u-01 {
    padding: 0;
  }
}
.consultationPageSec__wrapRightJa {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__wrapRightJa {
    font-size: 14px;
    line-height: 1.8;
  }
}
.consultationPageSec__wrapRightJa {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__wrapRightJa {
    font-size: 20px;
    padding: 0 20px;
  }
  .consultationPageSec__wrapRightJa.u-01 {
    padding: 0;
  }
}
.consultationPageSec__wrapRightPixArea {
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
  z-index: 1;
  position: relative;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__wrapRightPixArea {
    display: block;
  }
}
.consultationPageSec__wrapRightEnWrapText {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 112px;
  font-weight: bold;
  line-height: 1.3;
  color: #4991D8;
}
.consultationPageSec__wrapRightPix {
  max-width: 300px;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__wrapRightPix {
    position: absolute;
    width: 180px;
    height: 170px;
    top: -200px;
    right: 0;
  }
}
.consultationPageSec__wrapRightTitleArea {
  max-width: 520px;
  padding-left: 20px;
  position: relative;
  padding-right: 20px;
}
.consultationPageSec__wrapRightTitleArea::before {
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  background-color: #87BAED;
  position: absolute;
  left: 0;
  top: 19px;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__wrapRightTitleArea {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding: 0 20px;
  }
  .consultationPageSec__wrapRightTitleArea::before {
    display: none;
  }
}
.consultationPageSec__wrapRightTitleAreaBlue {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__wrapRightTitleAreaBlue {
    font-size: 14px;
    line-height: 1.8;
  }
}
.consultationPageSec__wrapRightTitleAreaBlue {
  color: #123E96;
  font-weight: bold;
  font-size: 20px;
  line-height: 38px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__wrapRightTitleAreaBlue {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 20px;
  }
}
.consultationPageSec__wrapRightTitleAreaText {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__wrapRightTitleAreaText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.consultationPageSec__wrapRightTitleAreaText {
  font-size: 16px;
  line-height: 28px;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__wrapRightTitleAreaText {
    font-size: 14px;
    line-height: 24px;
  }
}
.consultationPageSec__wrapRightContentList {
  background-color: #F3F8FD;
  padding: 120px 40px 80px;
  border-radius: 20px;
  margin-top: -60px;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__wrapRightContentList {
    margin-top: 50px;
    padding: 80px 20px 60px;
  }
}
.consultationPageSec {
  /* 弁護士費用カテゴリ アコーディオン */
}
.consultationPageSec__feeAccordion {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.consultationPageSec__feeAccordionItem {
  background: #fff;
  border: 1px solid #DFE9EC;
  border-radius: 12px;
  box-shadow: 0 1px 4px rgba(18, 62, 150, 0.06);
  overflow: hidden;
  transition: border-color 0.35s ease;
}
.consultationPageSec__feeAccordionBtn {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__feeAccordionBtn {
    font-size: 14px;
    line-height: 1.8;
  }
}
.consultationPageSec__feeAccordionBtn {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 24px 40px 24px 40px;
  border: none;
  border-bottom: 1px solid transparent;
  background: transparent;
  cursor: pointer;
  text-align: left;
  transition: background-color 0.2s ease, border-bottom-color 0.35s ease;
}
@media screen and (min-width: 769px) {
  .consultationPageSec__feeAccordionBtn:hover {
    background-color: rgba(135, 186, 237, 0.08);
  }
}
@media screen and (max-width: 768px) {
  .consultationPageSec__feeAccordionBtn {
    padding: 14px 20px 14px 30px;
    position: relative;
  }
}
.consultationPageSec__feeAccordionItem.is-open {
  border-color: #4991d8;
}
.consultationPageSec__feeAccordionItem.is-open .consultationPageSec__feeAccordionBtn {
  border-bottom-color: #c5ddf5;
}
.consultationPageSec__feeAccordionBullet {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #87BAED;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__feeAccordionBullet {
    position: absolute;
    top: 28px;
    left: 18px;
  }
}
.consultationPageSec__feeAccordionHeadings {
  flex: 1;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__feeAccordionHeadings {
    display: block;
  }
}
.consultationPageSec__feeAccordionTitle {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__feeAccordionTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.consultationPageSec__feeAccordionTitle {
  font-weight: bold;
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__feeAccordionTitle {
    font-size: 16px;
    line-height: 26px;
  }
}
.consultationPageSec__feeAccordionSub {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__feeAccordionSub {
    font-size: 14px;
    line-height: 1.8;
  }
}
.consultationPageSec__feeAccordionSub {
  font-size: 14px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__feeAccordionSub {
    display: block;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0;
  }
}
.consultationPageSec__feeAccordionIcon {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid #4991D8;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.48s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.48s cubic-bezier(0.22, 1, 0.36, 1), color 0.48s cubic-bezier(0.22, 1, 0.36, 1);
}
.consultationPageSec__feeAccordionIcon img {
  display: block;
  width: 10px;
  height: 10px;
  object-fit: contain;
  transform: rotate(0deg);
  transition: transform 0.48s cubic-bezier(0.22, 1, 0.36, 1);
}
.consultationPageSec__feeAccordionChevron {
  display: block;
  transition: transform 0.48s cubic-bezier(0.22, 1, 0.36, 1);
}
.consultationPageSec__feeAccordionItem.is-open .consultationPageSec__feeAccordionIcon {
  background-color: #4991D8;
  border-color: #4991D8;
}
.consultationPageSec__feeAccordionItem.is-open .consultationPageSec__feeAccordionIcon img {
  filter: brightness(0) invert(1);
  transform: rotate(180deg);
}
.consultationPageSec__feeAccordionItem.is-open .consultationPageSec__feeAccordionChevron {
  transform: rotate(180deg);
}
.consultationPageSec__feeAccordionPanel {
  display: grid;
  grid-template-rows: 0fr;
  min-height: 0;
  transition: grid-template-rows 0.48s cubic-bezier(0.22, 1, 0.36, 1);
  overflow: hidden;
}
.consultationPageSec__feeAccordionItem.is-open .consultationPageSec__feeAccordionPanel {
  grid-template-rows: 1fr;
}
.consultationPageSec__feeAccordionPanelInner {
  overflow: hidden;
  min-height: 0;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  transition: padding 0.48s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.28s ease, visibility 0s linear 0.48s;
}
.consultationPageSec__feeAccordionItem.is-open .consultationPageSec__feeAccordionPanelInner {
  padding: 12px 40px 60px 40px;
  opacity: 1;
  visibility: visible;
  transition: padding 0.48s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.32s ease 0.06s, visibility 0s linear 0s;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__feeAccordionItem.is-open .consultationPageSec__feeAccordionPanelInner {
    padding: 0px 10px 20px;
  }
}
.consultationPageSec__feeRows {
  display: flex;
  flex-direction: column;
}
.consultationPageSec__feeRow {
  display: flex;
  align-items: center;
  gap: 30px;
  padding: 24px 20px;
  border-bottom: 1px solid #DFE9ED;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__feeRow {
    padding: 20px 10px;
    gap: 10px;
  }
}
.consultationPageSec__feeRow:last-of-type {
  border-bottom: none;
}
.consultationPageSec__feeRowBadge {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__feeRowBadge {
    font-size: 14px;
    line-height: 1.8;
  }
}
.consultationPageSec__feeRowBadge {
  flex-shrink: 0;
  width: 134px;
  height: 134px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: bold;
  line-height: 1.35;
  color: #fff;
  background: linear-gradient(145deg, #a8d4f5 0%, #87BAED 100%);
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__feeRowBadge {
    width: 90px;
    height: 90px;
    font-size: 14px;
  }
  .consultationPageSec__feeRowBadge.u-fontsizeS {
    font-size: 11px;
  }
}
.consultationPageSec__feeRowCol {
  display: flex;
  gap: 10px;
}
.consultationPageSec__feeRowCol--values {
  flex: 1;
  min-width: 0;
}
.consultationPageSec__feeRowLabel {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__feeRowLabel {
    font-size: 14px;
    line-height: 1.8;
  }
}
.consultationPageSec__feeRowLabel {
  font-weight: 600;
  width: 90px;
}
.consultationPageSec__feeRowLabel.u-220 {
  width: 220px;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__feeRowLabel {
    width: 60px;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    letter-spacing: 0;
  }
  .consultationPageSec__feeRowLabel.u-220 {
    width: 100%;
  }
}
.consultationPageSec__feeRowValue {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__feeRowValue {
    font-size: 14px;
    line-height: 1.8;
  }
}
.consultationPageSec__feeRowValue.u-290 {
  width: 290px;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__feeRowValue {
    width: calc(100% - 70px);
    font-size: 14px;
    line-height: 24px;
    text-align: left;
  }
  .consultationPageSec__feeRowValue.u-290 {
    width: 100%;
  }
}
.consultationPageSec__feeAccordionLead {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__feeAccordionLead {
    font-size: 14px;
    line-height: 1.8;
  }
}
.consultationPageSec__feeAccordionLead {
  font-size: 14px;
  line-height: 1.7;
  color: #383434;
  margin: 0 0 12px;
}
.consultationPageSec__feeAccordionNote {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__feeAccordionNote {
    font-size: 14px;
    line-height: 1.8;
  }
}
.consultationPageSec__feeAccordionNote {
  margin-top: 10px;
  margin-left: 20px;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__feeAccordionNote {
    font-size: 14px;
    line-height: 24px;
  }
}
.consultationPageSec__wrapRightMsg {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__wrapRightMsg {
    font-size: 14px;
    line-height: 1.8;
  }
}
.consultationPageSec__wrapRightMsg {
  text-align: center;
  margin-top: 60px;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__wrapRightMsg {
    font-size: 14px;
    line-height: 24px;
    margin-top: 40px;
    text-align: left;
  }
}
.consultationPageSec__wrapRightMsgImg {
  display: block;
  width: 468px;
  margin: 40px auto 44px;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__wrapRightMsgImg {
    width: 100%;
    max-width: 315px;
    margin: 30px auto;
  }
}
.consultationPageSec__wrapRightMsgText {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__wrapRightMsgText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.consultationPageSec__wrapRightMsgText {
  font-size: 20px;
  font-weight: bold;
  background-color: #fff;
  width: 560px;
  margin: 0 auto;
  text-align: center;
  padding: 14px 0;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__wrapRightMsgText {
    width: 100%;
    max-width: 560px;
    font-size: 16px;
    padding: 16px 0;
  }
}
.consultationPageSec__wrapRightProcedure {
  margin-top: 120px;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__wrapRightProcedure {
    margin-top: 60px;
  }
}
.consultationPageSec__wrapRightProcedureList {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__wrapRightProcedureList {
    margin-top: 20px;
    padding: 0 20px;
  }
}
.consultationPageSec__wrapRightProcedureItem {
  display: flex;
  justify-content: space-between;
  margin-top: 55px;
  position: relative;
}
.consultationPageSec__wrapRightProcedureItem::before {
  content: "";
  position: absolute;
  bottom: -18px;
  left: 18px;
  width: 20px;
  height: 20px;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("../images/consultation/consultation-img06.png");
}
.consultationPageSec__wrapRightProcedureItem.u-05::before {
  display: none;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__wrapRightProcedureItem {
    margin-top: 20px;
  }
  .consultationPageSec__wrapRightProcedureItem::before {
    left: 11px;
    width: 16px;
    height: 16px;
    bottom: -15px;
  }
  .consultationPageSec__wrapRightProcedureItem.u-01 {
    margin-top: 40px;
  }
}
.consultationPageSec__wrapRightProcedureItemNb {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 28px;
  color: #4991D8;
  font-weight: bold;
  width: 40px;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__wrapRightProcedureItemNb {
    font-size: 20px;
    width: 30px;
  }
}
.consultationPageSec__wrapRightProcedureItemInner {
  width: calc(100% - 60px);
  padding-bottom: 20px;
  border-bottom: 1px solid #DFE9ED;
  position: relative;
}
.consultationPageSec__wrapRightProcedureItemInner::before {
  content: "";
  position: absolute;
  top: 44px;
  left: -41px;
  width: 1px;
  height: 62%;
  background-color: #DFE9ED;
}
.consultationPageSec__wrapRightProcedureItemInner.u-01::before {
  height: 80%;
}
.consultationPageSec__wrapRightProcedureItemInner.u-03::before {
  height: 75%;
}
.consultationPageSec__wrapRightProcedureItemInner.u-05 {
  border-bottom: none;
}
.consultationPageSec__wrapRightProcedureItemInner.u-05::before {
  display: none;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__wrapRightProcedureItemInner {
    width: calc(100% - 30px);
    padding-bottom: 16px;
  }
  .consultationPageSec__wrapRightProcedureItemInner::before {
    top: 26px;
    left: -20px;
    width: 1px;
    height: 76%;
  }
  .consultationPageSec__wrapRightProcedureItemInner.u-01::before {
    height: 90%;
  }
  .consultationPageSec__wrapRightProcedureItemInner.u-05 {
    width: calc(100% - 30px);
  }
}
.consultationPageSec__wrapRightProcedureItemTitle {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__wrapRightProcedureItemTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.consultationPageSec__wrapRightProcedureItemTitle {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 56px;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__wrapRightProcedureItemTitle {
    font-size: 16px;
    line-height: 15px;
    margin-bottom: 30px;
  }
}
.consultationPageSec__wrapRightProcedureItemText {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__wrapRightProcedureItemText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.consultationPageSec__wrapRightProcedureItemText {
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 40px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__wrapRightProcedureItemText {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
  }
}
.consultationPageSec__wrapRightProcedureItemT {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__wrapRightProcedureItemT {
    font-size: 14px;
    line-height: 1.8;
  }
}
.consultationPageSec__wrapRightProcedureItemT {
  font-weight: bold;
  line-height: 28px;
}
.consultationPageSec__wrapRightFaq {
  margin-top: 110px;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__wrapRightFaq {
    background-color: #F2FBFF;
    margin-top: 20px;
    padding: 64px 20px 80px;
  }
}
.consultationPageSec {
  /* FAQ 切り替えタブ */
}
.consultationPageSec__faqTabBar {
  display: flex;
  width: 100%;
  margin-top: 40px;
  border: 1px solid #4991D8;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  overflow: hidden;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__faqTabBar {
    flex-wrap: wrap;
    border-radius: 10px;
    margin-top: 30px;
  }
}
.consultationPageSec__faqTabBar--bottom {
  margin-top: 48px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__faqTabBar--bottom {
    border-radius: 10px;
    margin-top: 10px;
  }
}
.consultationPageSec__faqTab {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__faqTab {
    font-size: 14px;
    line-height: 1.8;
  }
}
.consultationPageSec__faqTab {
  flex: 1 1 0;
  padding: 16px 20px;
  border: none;
  background: #fff;
  color: #383434;
  font-weight: bold;
  line-height: 24px;
  cursor: pointer;
  letter-spacing: 0;
  transition: background-color 0.2s ease, color 0.2s ease;
  position: relative;
}
.consultationPageSec__faqTab::before {
  content: "";
  position: absolute;
  top: 4px;
  right: 0;
  width: 1px;
  height: 88%;
  background-color: #4991D8;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__faqTab {
    flex: 1 1 50%;
    min-height: 90px;
    font-size: 14px;
    padding: 12px 20px;
    border-bottom: 1px solid #4991D8;
    line-height: 20px;
  }
  .consultationPageSec__faqTab:nth-child(2n) {
    border-right: none;
  }
  .consultationPageSec__faqTab:nth-last-child(-n+2) {
    border-bottom: none;
  }
  .consultationPageSec__faqTab::before {
    height: 100%;
    top: 0;
  }
  .consultationPageSec__faqTab:nth-child(2)::before {
    display: none;
  }
}
.consultationPageSec__faqTab:last-child::before {
  display: none;
}
@media screen and (min-width: 769px) {
  .consultationPageSec__faqTab:hover {
    background-color: rgba(135, 186, 237, 0.12);
  }
}
.consultationPageSec__faqTab.is-active {
  background-color: #87BAED;
  color: #fff;
}
.consultationPageSec__faqTab.is-active:hover {
  background-color: #6b9fe0;
}
.consultationPageSec__faqPanels {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__faqPanels {
    margin-top: 30px;
  }
}
.consultationPageSec__faqPanel {
  display: none;
}
.consultationPageSec__faqPanel.is-active {
  display: block;
}
.consultationPageSec__faqPlaceholder {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__faqPlaceholder {
    font-size: 14px;
    line-height: 1.8;
  }
}
.consultationPageSec__faqPlaceholder {
  font-size: 16px;
  line-height: 1.7;
  color: #707070;
  margin: 0;
}
.consultationPageSec__faqQItem {
  display: flex;
  gap: 20px;
  margin-bottom: 12px;
}
.consultationPageSec__faqQItem:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__faqQItem {
    gap: 10px;
  }
}
.consultationPageSec__faqQBadge {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  background: linear-gradient(145deg, #a8d4f5 0%, #87BAED 100%);
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__faqQBadge {
    width: 38px;
    height: 38px;
    font-size: 16px;
  }
}
.consultationPageSec__faqQBody {
  flex: 1;
  min-width: 0;
}
.consultationPageSec__faqQText {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__faqQText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.consultationPageSec__faqQText {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
  margin: 16px 0 16px;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__faqQText {
    margin-top: 8px;
    font-size: 14px;
  }
}
.consultationPageSec__faqAnswerT {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__faqAnswerT {
    font-size: 14px;
    line-height: 1.8;
  }
}
.consultationPageSec__faqAnswerT {
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__faqAnswerT {
    font-size: 14px;
    line-height: 24px;
  }
}
.consultationPageSec__faqAnswerP {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__faqAnswerP {
    font-size: 14px;
    line-height: 1.8;
  }
}
.consultationPageSec__faqAnswerP {
  font-size: 16px;
  line-height: 28px;
  margin: 0 0 22px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .consultationPageSec__faqAnswerP {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 16px;
    font-weight: 500;
  }
}
.consultationPageSec .sideNav {
  display: none;
}
@media screen and (max-width: 768px) {
  .consultationPageSec .sideNav {
    display: block;
  }
}
.consultationPageSec .c-text {
  overflow: hidden;
  display: block;
  width: 100vw;
  margin-inline: calc(50% - 50vw);
  position: absolute;
  top: -10px;
  left: 0;
  z-index: 11;
}
.consultationPageSec .c-text__track {
  display: flex;
  width: max-content;
  animation: ConsultationTicker 42s linear infinite;
}
.consultationPageSec .c-text__item {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  flex-shrink: 0;
  white-space: nowrap;
  font-size: 112px;
  color: rgba(218, 236, 252, 0.65);
  font-weight: bold;
  padding-right: 48px;
}
@media screen and (max-width: 768px) {
  .consultationPageSec .c-text__item {
    font-size: 80px;
  }
}
@keyframes ConsultationTicker {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

/*====================================================================
contactPageSec
====================================================================*/
.contactPageSec {
  max-width: 1160px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .contactPageSec {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.contactPageSec {
  position: relative;
}
.contactPageSec__lead {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .contactPageSec__lead {
    font-size: 14px;
    line-height: 1.8;
  }
}
.contactPageSec__lead {
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .contactPageSec__lead {
    margin-top: 40px;
    margin-bottom: 30px;
    line-height: 24px;
  }
}
@media screen and (max-width: 768px) {
  .contactPageSec__lead.u-confirm {
    margin-bottom: 54px;
  }
}
.contactPageSec__formTitle {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .contactPageSec__formTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.contactPageSec__formTitle {
  margin-bottom: 30px;
  color: #4991D8;
  font-weight: bold;
  text-align: center;
}
.contactPageSec__formSubTitle {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .contactPageSec__formSubTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.contactPageSec__formSubTitle {
  margin-bottom: 30px;
  color: #4991D8;
  font-weight: bold;
  text-align: center;
  margin-top: 80px;
}
.contactPageSec__step {
  width: 140px;
  position: absolute;
  top: 130px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .contactPageSec__step {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .contactPageSec--complete {
    margin-top: 40px;
  }
}
.contactPageSec--complete .contactPageSec__step {
  top: 58px;
}
.contactPageSec__stepPix {
  display: none;
}
@media screen and (max-width: 768px) {
  .contactPageSec__stepPix {
    display: block;
    max-width: 335px;
    margin: 0 auto 40px;
  }
}
@media screen and (max-width: 768px) {
  .contactPageSec__stepPix.u-confirm {
    margin-bottom: 58px;
  }
}
.contactPageSec__stepItem {
  display: flex;
  align-items: center;
  margin-bottom: 70px;
  gap: 10px;
  position: relative;
  opacity: 0.3;
}
.contactPageSec__stepItem.is-done {
  opacity: 1;
}
.contactPageSec__stepItem.is-active {
  opacity: 1;
}
.contactPageSec__stepItem.is-active::before {
  content: "";
  position: absolute;
  left: 85px;
  top: 68px;
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("../images/common/arrow_con.png");
}
.contactPageSec__stepItem:last-child.is-active {
  opacity: 1;
}
.contactPageSec__stepItem:last-child.is-active::before {
  display: none;
}
.contactPageSec__stepNum {
  display: block;
  font-family: "Fustat", sans-serif;
  font-weight: 400;
  font-size: 20px;
  color: #4991D8;
  font-weight: bold;
  width: 30px;
  text-align: center;
  position: relative;
}
.contactPageSec__stepNum::before {
  content: "";
  position: absolute;
  left: 4px;
  top: -14px;
  width: 24px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("../images/common/STEP.png");
}
.contactPageSec__stepNum::after {
  content: "";
  position: absolute;
  left: 15px;
  top: 27px;
  width: 1px;
  height: 60px;
  background-color: #4991D8;
}
.contactPageSec__stepNum.u-03::after {
  display: none;
}
.contactPageSec__stepLabel {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .contactPageSec__stepLabel {
    font-size: 14px;
    line-height: 1.8;
  }
}
.contactPageSec__stepLabel {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  border: 1px solid #4991D8;
  border-radius: 20px;
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 6px;
}
@media screen and (max-width: 768px) {
  .contactPageSec__stepLabel {
    font-size: 14px;
    width: 80px;
    padding: 2px 4px 3px;
  }
}
.contactPageSec__form.is-confirm .contactPageSec__required {
  display: none;
}
.contactPageSec__form.is-confirm .contactPageSec__input {
  border-color: transparent;
}
.contactPageSec__form {
  width: calc(100% - 200px);
  max-width: 1020px;
  padding: 0 20px;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .contactPageSec__form {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
}
.contactPageSec__formSplit {
  display: flex;
  gap: 20px;
}
.contactPageSec__formSplit .contactPageSec__formInput {
  flex: 1;
  min-width: 0;
}
@media screen and (max-width: 768px) {
  .contactPageSec__formSplit {
    gap: 12px;
  }
}
.contactPageSec__formItem {
  margin-bottom: 30px;
}
.contactPageSec__formItem.u-01 {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .contactPageSec__formItem {
    margin-bottom: 22px;
  }
}
.contactPageSec__formItem.is-error .contactPageSec__input,
.contactPageSec__formItem.is-error .contactPageSec__select,
.contactPageSec__formItem.is-error .contactPageSec__textarea {
  border-color: #E04040;
  background: #FFF5F5;
}
.contactPageSec__formLabel {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .contactPageSec__formLabel {
    font-size: 14px;
    line-height: 1.8;
  }
}
.contactPageSec__formLabel {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
  padding-left: 30px;
  display: block;
}
@media screen and (max-width: 768px) {
  .contactPageSec__formLabel {
    width: 100%;
    padding-left: 0;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 11px;
  }
}
.contactPageSec__optional {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .contactPageSec__optional {
    font-size: 14px;
    line-height: 1.8;
  }
}
.contactPageSec__optional {
  font-size: 14px;
  font-weight: bold;
  color: #7A8899;
  display: inline-block;
  padding: 2px 10px;
  border-radius: 20px;
  background: #E8EDF2;
  width: 68px;
  text-align: center;
  position: absolute;
  z-index: 111;
  top: 20px;
  right: 20px;
}
@media screen and (max-width: 768px) {
  .contactPageSec__optional {
    font-size: 10px;
    width: 44px;
    padding: 1px 6px 2px;
    top: -45%;
    right: 6px;
    border-radius: 10px;
  }
}
.contactPageSec__required {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .contactPageSec__required {
    font-size: 14px;
    line-height: 1.8;
  }
}
.contactPageSec__required {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  display: inline-block;
  padding: 2px 10px;
  border-radius: 20px;
  background: #4991D8;
  width: 68px;
  text-align: center;
  position: absolute;
  z-index: 111;
  top: 20px;
  right: 20px;
}
.contactPageSec__required.u-big {
  top: 29px;
}
@media screen and (max-width: 768px) {
  .contactPageSec__required {
    font-size: 10px;
    width: 44px;
    padding: 1px 6px 2px;
    top: -45%;
    right: 6px;
    border-radius: 10px;
  }
  .contactPageSec__required.u-big {
    top: -20px;
  }
}
.contactPageSec__formInput {
  position: relative;
}
.contactPageSec__formInput--half {
  max-width: 50%;
}
@media screen and (max-width: 768px) {
  .contactPageSec__formInput--half {
    max-width: 100%;
  }
}
.contactPageSec__input, .contactPageSec__textarea {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .contactPageSec__input, .contactPageSec__textarea {
    font-size: 14px;
    line-height: 1.8;
  }
}
.contactPageSec__input, .contactPageSec__textarea {
  font-size: 14px;
  font-weight: 500;
  display: block;
  width: 100%;
  padding: 22px 110px 22px 30px;
  border: 1px solid #DFE9EC;
  border-radius: 12px;
  background: #FCFCFC;
  transition: border-color 0.2s;
}
@media screen and (max-width: 768px) {
  .contactPageSec__input, .contactPageSec__textarea {
    font-size: 14px;
    padding: 14px 12px 15px;
  }
}
.contactPageSec__input:focus, .contactPageSec__textarea:focus {
  outline: none;
  border-color: #1544A3;
}
.contactPageSec__input::placeholder, .contactPageSec__textarea::placeholder {
  color: #b4becc;
}
.contactPageSec__textarea {
  min-height: 288px;
  resize: vertical;
}
@media screen and (max-width: 768px) {
  .contactPageSec__textarea {
    min-height: 180px;
  }
}
.contactPageSec__selectWrap {
  position: relative;
  width: 100%;
}
.contactPageSec__selectWrap::after {
  content: "";
  position: absolute;
  right: 120px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 8px solid #1544A3;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .contactPageSec__selectWrap::after {
    right: 18px;
  }
}
.contactPageSec__select {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .contactPageSec__select {
    font-size: 14px;
    line-height: 1.8;
  }
}
.contactPageSec__select {
  font-size: 16px;
  font-weight: 500;
  display: block;
  width: 100%;
  padding: 22px 110px 22px 30px;
  border: 1px solid #d9e0ea;
  background: #fff;
  appearance: none;
  border-radius: 12px;
  -webkit-appearance: none;
  transition: border-color 0.2s;
  box-sizing: border-box;
  color: #C3C3C3;
}
@media screen and (max-width: 768px) {
  .contactPageSec__select {
    font-size: 14px;
    padding: 10px 36px 10px 12px;
  }
}
.contactPageSec__select:focus {
  outline: none;
  border-color: #1544A3;
}
.contactPageSec__select.is-selected {
  color: #111;
}
.contactPageSec__select option {
  color: #111;
  font-size: 16px !important;
}
.contactPageSec__errorMsg {
  font-size: 14px;
  color: #E04040;
  margin-top: 10px;
  text-align: right;
}
.contactPageSec__formBnt {
  display: flex;
  justify-content: center;
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .contactPageSec__formBnt {
    margin-top: 40px;
  }
}
.contactPageSec__btn {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .contactPageSec__btn {
    font-size: 14px;
    line-height: 1.8;
  }
}
.contactPageSec__btn {
  font-size: 20px;
  font-weight: bold;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 640px;
  min-height: 80px;
  padding: 18px 40px 18px 40px;
  background: #519FED;
  color: #fff;
  border-radius: 50px;
  cursor: pointer;
  text-decoration: none;
  transition: opacity 0.2s;
}
@media screen and (max-width: 768px) {
  .contactPageSec__btn {
    width: 100%;
    font-size: 15px;
    min-height: 54px;
    padding: 18px 24px 19px 24px;
    max-width: 335px;
  }
}
@media screen and (min-width: 769px) {
  .contactPageSec__btn:hover {
    opacity: 0.75;
  }
}
.contactPageSec__btn:disabled {
  background: #d8dce2;
  color: #ffffff;
  opacity: 1;
  cursor: not-allowed;
}
.contactPageSec__btn.is-enabled {
  background: #519FED;
  cursor: pointer;
  padding: 18px 56px 18px 40px;
}
.contactPageSec__btn.is-enabled::after {
  content: "";
  position: absolute;
  right: 28px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 11px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("../images/common/arrow_tongyi.png");
}
@media screen and (max-width: 768px) {
  .contactPageSec__btn.is-enabled {
    padding: 18px 24px 19px 24px;
  }
}
.contactPageSec__btn.u-confirm {
  padding: 18px 40px 18px 40px;
}
.contactPageSec__btn.u-confirm::after {
  content: "";
  position: absolute;
  right: 28px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 11px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("../images/common/arrow_tongyi.png");
}
.contactPageSec__btn--back {
  background: #fff;
  color: #1544A3;
  border: 2px solid #1544A3;
}
.contactPageSec__btn--back::after {
  display: none;
}
.contactPageSec__privacy {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .contactPageSec__privacy {
    margin-top: 40px;
  }
}
.contactPageSec__privacy.is-error .contactPageSec__checkLabel {
  border-color: #E04040;
}
.contactPageSec__privacyTitle {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .contactPageSec__privacyTitle {
    font-size: 14px;
    line-height: 1.8;
  }
}
.contactPageSec__privacyTitle {
  font-size: 16px;
  color: #4991D8;
  text-align: center;
  margin-bottom: 40px;
  font-weight: bold;
  position: relative;
}
@media screen and (max-width: 768px) {
  .contactPageSec__privacyTitle {
    font-size: 14px;
    margin-bottom: 14px;
  }
}
.contactPageSec__privacyLead {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .contactPageSec__privacyLead {
    font-size: 14px;
    line-height: 1.8;
  }
}
.contactPageSec__privacyLead {
  font-size: 16px;
  text-align: center;
  margin-bottom: 40px;
}
.contactPageSec__privacyLead.u-02 {
  margin-bottom: 30px;
}
.contactPageSec__privacyLead a {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .contactPageSec__privacyLead a {
    font-size: 14px;
    line-height: 1.8;
  }
}
.contactPageSec__privacyLead a {
  font-size: 16px;
  color: #4991D8;
  text-decoration: underline;
  transition: 0.6s;
}
@media screen and (min-width: 769px) {
  .contactPageSec__privacyLead a:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 768px) {
  .contactPageSec__privacyLead {
    font-size: 14px;
    margin-bottom: 30px;
    line-height: 24px;
    text-align: left;
    padding: 0 20px;
  }
  .contactPageSec__privacyLead a {
    font-size: 14px;
    line-height: 24px;
  }
}
.contactPageSec__privacySubLead {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .contactPageSec__privacySubLead {
    font-size: 14px;
    line-height: 1.8;
  }
}
.contactPageSec__privacySubLead {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 23px;
}
@media screen and (max-width: 768px) {
  .contactPageSec__privacySubLead {
    font-size: 14px;
    margin-bottom: 20px;
  }
}
.contactPageSec__privacySubLeadRe {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .contactPageSec__privacySubLeadRe {
    font-size: 14px;
    line-height: 1.8;
  }
}
.contactPageSec__privacySubLeadRe {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  background: #4991D8;
  padding: 5px 20px;
  border-radius: 20px;
  width: 68px;
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  .contactPageSec__privacySubLeadRe {
    font-size: 10px;
    padding: 3px 11px 4px;
    width: 44px;
    border-radius: 10px;
  }
}
.contactPageSec__privacyBox {
  border: 1px solid #DFE9EC;
  border-radius: 12px;
  background: #FCFCFC;
  padding: 40px 30px;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .contactPageSec__privacyBox {
    padding: 30px 20px;
    margin-bottom: 30px;
  }
}
.contactPageSec__privacyList li {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .contactPageSec__privacyList li {
    font-size: 14px;
    line-height: 1.8;
  }
}
.contactPageSec__privacyList li {
  font-size: 16px;
  position: relative;
  padding-left: 1em;
  line-height: 28px;
}
@media screen and (max-width: 768px) {
  .contactPageSec__privacyList li {
    font-size: 14px;
    line-height: 22px;
  }
}
.contactPageSec__privacyList li::before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
}
.contactPageSec__agreeWrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.contactPageSec__checkLabel {
  width: 100%;
  max-width: 500px;
  border: 1px solid #87BAED;
  border-radius: 12px;
  background: #fff;
  padding: 25px;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .contactPageSec__checkLabel {
    padding: 20px 5px;
    max-width: 335px;
  }
}
.contactPageSec__checkInput {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.contactPageSec__checkInput:checked + .contactPageSec__checkText::after {
  opacity: 1;
}
.contactPageSec__checkText {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #111;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .contactPageSec__checkText {
    font-size: 14px;
    line-height: 1.8;
  }
}
.contactPageSec__checkText {
  font-size: 16px;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 24px;
  justify-content: center;
  padding-left: 30px;
}
.contactPageSec__checkText::before {
  content: "";
  width: 30px;
  height: 30px;
  border: 1px solid #87BAED;
  border-radius: 3px;
  background: #F2FBFF;
  flex-shrink: 0;
}
.contactPageSec__checkText::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 15px;
  border-right: 2px solid #1544A3;
  border-bottom: 2px solid #1544A3;
  left: 42px;
  top: 6px;
  transform: rotate(45deg);
  opacity: 0;
  transition: opacity 0.2s;
}
@media screen and (max-width: 768px) {
  .contactPageSec__checkText {
    font-size: 14px;
    padding-left: 10px;
    letter-spacing: 0;
    gap: 10px;
  }
  .contactPageSec__checkText::before {
    width: 24px;
    height: 24px;
  }
  .contactPageSec__checkText::after {
    left: 19px;
    top: 13px;
  }
}
.contactPageSec__confirmLead {
  max-width: 800px;
  margin: 0 auto 32px;
  font-size: 1.5rem;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .contactPageSec__confirmLead {
    font-size: 14px;
    margin-bottom: 24px;
  }
}
.contactPageSec__confirmTable {
  max-width: 800px;
  margin: 0 auto 48px;
  border-top: 1px solid #E5EEF5;
}
@media screen and (max-width: 768px) {
  .contactPageSec__confirmTable {
    margin-bottom: 36px;
  }
}
.contactPageSec__confirmRow {
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid #E5EEF5;
  padding: 20px 0;
}
@media screen and (max-width: 768px) {
  .contactPageSec__confirmRow {
    flex-direction: column;
    gap: 6px;
    padding: 16px 0;
  }
}
.contactPageSec__confirmTh {
  flex-shrink: 0;
  width: 220px;
  font-size: 1.4rem;
  font-weight: 500;
  color: #6699BB;
  padding-top: 2px;
}
@media screen and (max-width: 768px) {
  .contactPageSec__confirmTh {
    width: 100%;
    font-size: 12px;
  }
}
.contactPageSec__confirmTd {
  flex: 1;
  font-size: 1.5rem;
  line-height: 1.8;
  word-break: break-all;
}
@media screen and (max-width: 768px) {
  .contactPageSec__confirmTd {
    font-size: 14px;
  }
}
.contactPageSec__confirmBnts {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  max-width: 800px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .contactPageSec__confirmBnts {
    flex-direction: column-reverse;
    gap: 12px;
  }
}
.contactPageSec__cf7Wrapper {
  position: absolute;
  left: -9999px;
  top: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  visibility: hidden;
}
.contactPageSec__complete {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  padding: 40px 0 20px;
}
@media screen and (max-width: 768px) {
  .contactPageSec__complete {
    padding: 0px 0 20px;
  }
}
.contactPageSec__completeTtl {
  font-size: 46px;
  font-weight: 300;
  line-height: 70px;
  color: #4991D8;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .contactPageSec__completeTtl {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 30px;
    line-height: 38px;
  }
}
.contactPageSec__completeTxt {
  font-size: 1.6rem;
  line-height: 28px;
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .contactPageSec__completeTxt {
    font-size: 14px;
    margin-bottom: 40px;
  }
}
.contactPageSec__completeTxt--note {
  font-size: 1.3rem;
  color: #888;
  margin-bottom: 48px;
}
@media screen and (max-width: 768px) {
  .contactPageSec__completeTxt--note {
    font-size: 12px;
    margin-bottom: 36px;
  }
}
.contactPageSec__completeBnt {
  display: flex;
  justify-content: center;
}

/*# sourceMappingURL=style.css.map */