@charset "UTF-8";
/*#########################################################

読み込み

#########################################################*/
/*!
 * ress.css v2.0.2
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&display=swap");
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS */
  word-break: break-word;
  -moz-tab-size: 4;
  -o-tab-size: 4;
     tab-size: 4;
}

*,
::before,
::after {
  background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0; /* Reset `padding` and `margin` of all elements */
  margin: 0;
  outline: none;
}

/* # =================================================================
   # General elements
   # ================================================================= */
hr {
  overflow: visible; /* Show the overflow in Edge and IE */
  height: 0; /* Add the correct box sizing in Firefox */
}

details,
main {
  display: block; /* Render the `main` element consistently in IE. */
}

summary {
  display: list-item; /* Add the correct display in all browsers */
}

small {
  font-size: 80%; /* Set font-size to 80% in `small` elements */
}

[hidden] {
  display: none; /* Add the correct display in IE */
}

abbr[title] {
  border-bottom: none; /* Remove the bottom border in Chrome 57 */
  /* Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari */
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

a {
  background-color: transparent; /* Remove the gray background on active links in IE 10 */
}

a:active,
a:hover {
  outline-width: 0; /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* Specify the font family of code elements */
}

pre {
  font-size: 1em; /* Correct the odd `em` font sizing in all browsers */
}

b,
strong {
  font-weight: bolder; /* Add the correct font weight in Chrome, Edge, and Safari */
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* # =================================================================
   # Forms
   # ================================================================= */
input {
  border-radius: 0;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto; /* Correct the cursor style of increment and decrement buttons in Chrome */
}

[type=search] {
  -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; /* Remove the inner padding in Chrome and Safari on macOS */
}

textarea {
  overflow: auto; /* Internet Explorer 11+ */
  resize: vertical; /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit; /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold; /* Restore the font weight unset by the previous rule */
}

button {
  overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

button,
select {
  text-transform: none; /* Firefox 40+, Internet Explorer 11- */
}

/* Apply cursor pointer to button elements */
button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
  cursor: pointer;
  color: inherit;
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
}

/* Style select like a standard input */
select {
  -moz-appearance: none; /* Firefox 36+ */
  -webkit-appearance: none; /* Chrome 41+ */
}

select::-ms-expand {
  display: none; /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor; /* Internet Explorer 11+ */
}

legend {
  border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */
  display: table; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge and IE */
  white-space: normal; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge 18- and IE */
}

::-webkit-file-upload-button {
  /* Correct the inability to style clickable types in iOS and Safari */
  -webkit-appearance: button;
  color: inherit;
  font: inherit; /* Change font properties to `inherit` in Chrome and Safari */
}

/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
  border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
  vertical-align: baseline;
}

svg:not([fill]) {
  fill: currentColor;
}

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Hide content from screens but not screenreaders */
@media screen {
  [hidden~=screen] {
    display: inherit;
  }
  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}
/* Specify the progress cursor of updating elements */
[aria-busy=true] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
  cursor: default;
}

/*#########################################################

基本設定

#########################################################*/
/* ========================================================
単位用設定
=========================================================*/
/* ========================================================
色用設定
=========================================================*/
/* ========================================================
フォント用設定1
=========================================================*/
/* ========================================================
フォント設定2
=========================================================*/
@font-face {
  font-family: "D-DIN-PRO-500";
  src: url("/common/font/D-DIN-PRO-500-Medium.woff") format("woff");
}
@font-face {
  font-family: "D-DIN-PRO-600";
  src: url("/common/font/D-DIN-PRO-600-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "D-DIN-PRO-700";
  src: url("/common/font/D-DIN-PRO-700-Bold.woff") format("woff");
}
.font-din-500 {
  font-family: "D-DIN-PRO-500", sans-serif;
  font-weight: 500;
}

.font-din-600 {
  font-family: "D-DIN-PRO-600", sans-serif;
  font-weight: 600;
}

.font-din-700 {
  font-family: "D-DIN-PRO-700", sans-serif;
  font-weight: 700;
}

/*#########################################################

レイアウト用設定

#########################################################*/
/* ========================================================
mixin mq用の変数設定
=========================================================*/
/*
▼iOSデバイス
iPhone5: 320 × 568
iPhone 6-8: 375 × 667（1334x750）
iPhone 6-8 plus: 414 × 736（1920x1080）
iPhone X,XS,11Pro: 375 × 812（1125x2436）
iPhone XR,11: 414 × 896（828x1792）

iPad/iPad Mini: 768 × 1024
iPad Pro: 1024 × 1366
https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions

▼ブートストラップ
xs： ～767px
sm： 768～991px
md： 992～1119px
lg： 1120px～
*/
/* ========================================================
メディアクエリ用Mixin
=========================================================*/
/*
ステップ1.モバイルファーストかデスクトップファーストかを選ぶ
ステップ2.該当する設定を有効化、その他をコメントアウトする。
ステップ3.選択したタイプにより、「▼モバイルファーストの例」、「▼デスクトップファーストの例」のどちらかを参考にブレイクポイントを設定する。
→実際の設定は_base.scssではなく、インポート元で行う。
*/
/*
// ステップ2：モバイルファースト用（デスクトップファーストの場合はコメントアウト）
$breakpoints: (
	// タブレット
	'md': 'screen and (min-width: ' + ($screen-sm-max + 1) + ') and (max-width: ' + ($screen-md-max) + ')',
	// デスクトップ
	'lg': 'screen and (min-width: ' + ($screen-sm-max + 1) + ')',
) !default;
*/
/*
// ステップ3：▼モバイルファーストの例
// メディアクエリのブロック外にベースになるCSSを書く。
// モバイルファーストでは小さい画面サイズから順々に指定。
main{
	// デフォルト
	background: yellow;
	// タブレット
	@include mq(md){
		background: orange;
	}
	// デスクトップ
	@include mq(lg){
		background: red;
	}
}
//------------------------------
*/
/*
// ステップ3：▼デスクトップファーストの例
// メディアクエリのブロック外にベースになるCSSを書く。
// デスクトップファーストでは大きい画面サイズから順々に指定。
main{
	// デフォルト
	background: red;
	// タブレット
	@include mq(md){
		background: orange;
	}
	// スマートフォン
	@include mq(sm){
		background: yellow;
	}
}

/* ========================================================
PC版・SP版専用設定(PCファースト用)
=========================================================*/
@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}

@media screen and (max-width: 1500px) {
  .pc-2 {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .pc-2 {
    display: block !important;
  }
}
@media screen and (max-width: 767px) {
  .pc-2 {
    display: block !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  .md {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .md {
    display: block !important;
  }
}

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

/* ========================================================
横幅
=========================================================*/
@media screen and (max-width: 767px) {
  body {
    width: 100vw;
    overflow-x: hidden;
  }
}

body {
	background-color: #fcf6ee;
}

.textfade-left.is-active {
  --opacity: 1;
}

.char {
  display: inline-block;
  opacity: var(--opacity, 0);
  -webkit-transition: opacity 0.6s cubic-bezier(0.77, 0, 0.175, 1);
  transition: opacity 0.6s cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition-delay: calc(0.05s * var(--char-index));
          transition-delay: calc(0.05s * var(--char-index));
}

@media screen and (max-width: 767px) {
  .wide-sp {
    max-width: 100%;
    padding: 0 min(6.976744186vw, 60px);
  }
}

.wide-pc {
  max-width: min(76.0416666667vw, 1460px);
  width: 100%;
  padding: 0 min(1.5625vw, 30px);
  margin: 0 auto;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .wide-pc {
    max-width: min(121.6666666667vw, 1460px);
    padding: 0 min(2.5vw, 30px);
  }
}
@media screen and (max-width: 767px) {
  .wide-pc {
    max-width: 100%;
    padding: 0;
  }
}

.wide-s {
  max-width: min(65.625vw, 1260px);
  width: 100%;
  padding: 0 min(1.5625vw, 30px);
  margin: 0 auto;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .wide-s {
    max-width: min(105vw, 1260px);
    padding: 0 min(2.5vw, 30px);
  }
}
@media screen and (max-width: 767px) {
  .wide-s {
    max-width: 100%;
    padding: 0;
  }
}

.wide-m {
  max-width: min(67.1875vw, 1290px);
  width: 100%;
  padding: 0 min(1.5625vw, 30px);
  margin: 0 auto;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .wide-m {
    max-width: min(107.5vw, 1290px);
    padding: 0 min(2.5vw, 30px);
  }
}
@media screen and (max-width: 767px) {
  .wide-m {
    max-width: 100%;
    padding: 0 min(6.976744186vw, 60px);
  }
}

.wide-l {
  max-width: min(76.0416666667vw, 1460px);
  width: 100%;
  padding: 0 min(1.5625vw, 30px);
  margin: 0 auto;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .wide-l {
    max-width: min(121.6666666667vw, 1460px);
    padding: 0 min(2.5vw, 30px);
  }
}
@media screen and (max-width: 767px) {
  .wide-l {
    max-width: 100%;
    padding: 0 min(6.976744186vw, 60px);
  }
}

a:hover {
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  color: #009FE8 !important;
}

/*#########################################################

要素関連（リセットCSSの種類によっては不要）

#########################################################*/
html {
  height: 100%;
  font-size: 62.5%;
}

h1 {
  font-size: 3.6rem;
}

h2 {
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  h2 {
    font-size: 2.4rem;
  }
}

h3 {
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  h3 {
    font-size: 2rem;
  }
}

h4 {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  h4 {
    font-size: 1.6rem;
  }
}

h5 {
  font-size: 2rem;
  line-height: 1.4;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  h5 {
    font-size: 1.6rem;
  }
}

h6 {
  font-size: 1.6rem;
  line-height: 1.4;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  h6 {
    font-size: 1.6rem;
  }
}

textarea {
  border: 1px solid #000;
}

input {
  border: 1px solid #000;
}

table {
  border-collapse: collapse;
}

ul {
  list-style: none;
}

html,
body {
  padding: 0;
  margin: 0;
  -webkit-print-color-adjust: exact;
  -webkit-tap-highlight-color: transparent;
}
html.modal-open,
body.modal-open {
  overflow: hidden;
}

body {
  line-height: 1.3;
  font-family: "Noto Sans JP", sans-serif !important;
  color: #000;
  letter-spacing: 0.1rem;
  font-weight: 500;
}

h1,
h2,
h3 {
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  overflow: hidden;
}

/* ========================================================
パーツ
=========================================================*/
picture {
  font-size: 0;
  display: block;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

ul {
  margin: 0;
  padding: 0;
}
ul li {
  list-style: none;
}

p {
  margin: 0;
  padding: 0;
  letter-spacing: 0.05em;
  font-weight: 400;
}

a {
  text-decoration: none;
  color: #000;
}
a:hover {
  opacity: 0.7;
}

img,
video {
  width: 100%;
  vertical-align: bottom;
}

/* ========================================================
ライブラリ用
=========================================================*/
@media screen {
  [data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
    -webkit-transition-duration: 50ms;
            transition-duration: 50ms;
  }
  [data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
    -webkit-transition-delay: 50ms;
            transition-delay: 50ms;
  }
  [data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
    -webkit-transition-duration: 0.1s;
            transition-duration: 0.1s;
  }
  [data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s;
  }
  [data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
    -webkit-transition-duration: 0.15s;
            transition-duration: 0.15s;
  }
  [data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
    -webkit-transition-delay: 0.15s;
            transition-delay: 0.15s;
  }
  [data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
  }
  [data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
  }
  [data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
    -webkit-transition-duration: 0.25s;
            transition-duration: 0.25s;
  }
  [data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
    -webkit-transition-delay: 0.25s;
            transition-delay: 0.25s;
  }
  [data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
  }
  [data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
  }
  [data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
    -webkit-transition-duration: 0.35s;
            transition-duration: 0.35s;
  }
  [data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
    -webkit-transition-delay: 0.35s;
            transition-delay: 0.35s;
  }
  [data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
  }
  [data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
  }
  [data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
    -webkit-transition-duration: 0.45s;
            transition-duration: 0.45s;
  }
  [data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
    -webkit-transition-delay: 0.45s;
            transition-delay: 0.45s;
  }
  [data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
    -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
  }
  [data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
  }
  [data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
    -webkit-transition-duration: 0.55s;
            transition-duration: 0.55s;
  }
  [data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
    -webkit-transition-delay: 0.55s;
            transition-delay: 0.55s;
  }
  [data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
    -webkit-transition-duration: 0.6s;
            transition-duration: 0.6s;
  }
  [data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
  [data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
    -webkit-transition-duration: 0.65s;
            transition-duration: 0.65s;
  }
  [data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
    -webkit-transition-delay: 0.65s;
            transition-delay: 0.65s;
  }
  [data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
    -webkit-transition-duration: 0.7s;
            transition-duration: 0.7s;
  }
  [data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
    -webkit-transition-delay: 0.7s;
            transition-delay: 0.7s;
  }
  [data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
    -webkit-transition-duration: 0.75s;
            transition-duration: 0.75s;
  }
  [data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
    -webkit-transition-delay: 0.75s;
            transition-delay: 0.75s;
  }
  [data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
    -webkit-transition-duration: 0.8s;
            transition-duration: 0.8s;
  }
  [data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
    -webkit-transition-delay: 0.8s;
            transition-delay: 0.8s;
  }
  [data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
    -webkit-transition-duration: 0.85s;
            transition-duration: 0.85s;
  }
  [data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
    -webkit-transition-delay: 0.85s;
            transition-delay: 0.85s;
  }
  [data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
    -webkit-transition-duration: 0.9s;
            transition-duration: 0.9s;
  }
  [data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
    -webkit-transition-delay: 0.9s;
            transition-delay: 0.9s;
  }
  [data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
    -webkit-transition-duration: 0.95s;
            transition-duration: 0.95s;
  }
  [data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
    -webkit-transition-delay: 0.95s;
            transition-delay: 0.95s;
  }
  [data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
    -webkit-transition-duration: 1s;
            transition-duration: 1s;
  }
  [data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
  }
  [data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
    -webkit-transition-duration: 1.05s;
            transition-duration: 1.05s;
  }
  [data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.05s;
            transition-delay: 1.05s;
  }
  [data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
    -webkit-transition-duration: 1.1s;
            transition-duration: 1.1s;
  }
  [data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.1s;
            transition-delay: 1.1s;
  }
  [data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
    -webkit-transition-duration: 1.15s;
            transition-duration: 1.15s;
  }
  [data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.15s;
            transition-delay: 1.15s;
  }
  [data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
    -webkit-transition-duration: 1.2s;
            transition-duration: 1.2s;
  }
  [data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.2s;
            transition-delay: 1.2s;
  }
  [data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
    -webkit-transition-duration: 1.25s;
            transition-duration: 1.25s;
  }
  [data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.25s;
            transition-delay: 1.25s;
  }
  [data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
    -webkit-transition-duration: 1.3s;
            transition-duration: 1.3s;
  }
  [data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.3s;
            transition-delay: 1.3s;
  }
  [data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
    -webkit-transition-duration: 1.35s;
            transition-duration: 1.35s;
  }
  [data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.35s;
            transition-delay: 1.35s;
  }
  [data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
    -webkit-transition-duration: 1.4s;
            transition-duration: 1.4s;
  }
  [data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.4s;
            transition-delay: 1.4s;
  }
  [data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
    -webkit-transition-duration: 1.45s;
            transition-duration: 1.45s;
  }
  [data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.45s;
            transition-delay: 1.45s;
  }
  [data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
    -webkit-transition-duration: 1.5s;
            transition-duration: 1.5s;
  }
  [data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.5s;
            transition-delay: 1.5s;
  }
  [data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
    -webkit-transition-duration: 1.55s;
            transition-duration: 1.55s;
  }
  [data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.55s;
            transition-delay: 1.55s;
  }
  [data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
    -webkit-transition-duration: 1.6s;
            transition-duration: 1.6s;
  }
  [data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.6s;
            transition-delay: 1.6s;
  }
  [data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
    -webkit-transition-duration: 1.65s;
            transition-duration: 1.65s;
  }
  [data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.65s;
            transition-delay: 1.65s;
  }
  [data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
    -webkit-transition-duration: 1.7s;
            transition-duration: 1.7s;
  }
  [data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.7s;
            transition-delay: 1.7s;
  }
  [data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
    -webkit-transition-duration: 1.75s;
            transition-duration: 1.75s;
  }
  [data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.75s;
            transition-delay: 1.75s;
  }
  [data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
    -webkit-transition-duration: 1.8s;
            transition-duration: 1.8s;
  }
  [data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.8s;
            transition-delay: 1.8s;
  }
  [data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
    -webkit-transition-duration: 1.85s;
            transition-duration: 1.85s;
  }
  [data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.85s;
            transition-delay: 1.85s;
  }
  [data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
    -webkit-transition-duration: 1.9s;
            transition-duration: 1.9s;
  }
  [data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.9s;
            transition-delay: 1.9s;
  }
  [data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
    -webkit-transition-duration: 1.95s;
            transition-duration: 1.95s;
  }
  [data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.95s;
            transition-delay: 1.95s;
  }
  [data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
    -webkit-transition-duration: 2s;
            transition-duration: 2s;
  }
  [data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
    -webkit-transition-delay: 2s;
            transition-delay: 2s;
  }
  [data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
    -webkit-transition-duration: 2.05s;
            transition-duration: 2.05s;
  }
  [data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.05s;
            transition-delay: 2.05s;
  }
  [data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
    -webkit-transition-duration: 2.1s;
            transition-duration: 2.1s;
  }
  [data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.1s;
            transition-delay: 2.1s;
  }
  [data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
    -webkit-transition-duration: 2.15s;
            transition-duration: 2.15s;
  }
  [data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.15s;
            transition-delay: 2.15s;
  }
  [data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
    -webkit-transition-duration: 2.2s;
            transition-duration: 2.2s;
  }
  [data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.2s;
            transition-delay: 2.2s;
  }
  [data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
    -webkit-transition-duration: 2.25s;
            transition-duration: 2.25s;
  }
  [data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.25s;
            transition-delay: 2.25s;
  }
  [data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
    -webkit-transition-duration: 2.3s;
            transition-duration: 2.3s;
  }
  [data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.3s;
            transition-delay: 2.3s;
  }
  [data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
    -webkit-transition-duration: 2.35s;
            transition-duration: 2.35s;
  }
  [data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.35s;
            transition-delay: 2.35s;
  }
  [data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
    -webkit-transition-duration: 2.4s;
            transition-duration: 2.4s;
  }
  [data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.4s;
            transition-delay: 2.4s;
  }
  [data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
    -webkit-transition-duration: 2.45s;
            transition-duration: 2.45s;
  }
  [data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.45s;
            transition-delay: 2.45s;
  }
  [data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
    -webkit-transition-duration: 2.5s;
            transition-duration: 2.5s;
  }
  [data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.5s;
            transition-delay: 2.5s;
  }
  [data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
    -webkit-transition-duration: 2.55s;
            transition-duration: 2.55s;
  }
  [data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.55s;
            transition-delay: 2.55s;
  }
  [data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
    -webkit-transition-duration: 2.6s;
            transition-duration: 2.6s;
  }
  [data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.6s;
            transition-delay: 2.6s;
  }
  [data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
    -webkit-transition-duration: 2.65s;
            transition-duration: 2.65s;
  }
  [data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.65s;
            transition-delay: 2.65s;
  }
  [data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
    -webkit-transition-duration: 2.7s;
            transition-duration: 2.7s;
  }
  [data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.7s;
            transition-delay: 2.7s;
  }
  [data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
    -webkit-transition-duration: 2.75s;
            transition-duration: 2.75s;
  }
  [data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.75s;
            transition-delay: 2.75s;
  }
  [data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
    -webkit-transition-duration: 2.8s;
            transition-duration: 2.8s;
  }
  [data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.8s;
            transition-delay: 2.8s;
  }
  [data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
    -webkit-transition-duration: 2.85s;
            transition-duration: 2.85s;
  }
  [data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.85s;
            transition-delay: 2.85s;
  }
  [data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
    -webkit-transition-duration: 2.9s;
            transition-duration: 2.9s;
  }
  [data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.9s;
            transition-delay: 2.9s;
  }
  [data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
    -webkit-transition-duration: 2.95s;
            transition-duration: 2.95s;
  }
  [data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.95s;
            transition-delay: 2.95s;
  }
  [data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
    -webkit-transition-duration: 3s;
            transition-duration: 3s;
  }
  [data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
    -webkit-transition-delay: 3s;
            transition-delay: 3s;
  }
  [data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
            transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  }
  [data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
  }
  [data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }
  [data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
  }
  [data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
  }
  [data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
            transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  }
  [data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }
  [data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
            transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }
  [data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
            transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
  }
  [data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
            transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  [data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
            transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  }
  [data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
            transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  }
  [data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
            transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  [data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
            transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
  [data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
            transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  }
  [data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
            transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  [data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
            transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
  [data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
            transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  }
  [data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
            transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  [data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
            transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
  [data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
  }
  [data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  [data-aos=fade-up] {
    -webkit-transform: translate3d(0, 100px, 0);
            transform: translate3d(0, 100px, 0);
  }
  [data-aos=fade-down] {
    -webkit-transform: translate3d(0, -100px, 0);
            transform: translate3d(0, -100px, 0);
  }
  [data-aos=fade-right] {
    -webkit-transform: translate3d(-100px, 0, 0);
            transform: translate3d(-100px, 0, 0);
  }
  [data-aos=fade-left] {
    -webkit-transform: translate3d(100px, 0, 0);
            transform: translate3d(100px, 0, 0);
  }
  [data-aos=fade-up-right] {
    -webkit-transform: translate3d(-100px, 100px, 0);
            transform: translate3d(-100px, 100px, 0);
  }
  [data-aos=fade-up-left] {
    -webkit-transform: translate3d(100px, 100px, 0);
            transform: translate3d(100px, 100px, 0);
  }
  [data-aos=fade-down-right] {
    -webkit-transform: translate3d(-100px, -100px, 0);
            transform: translate3d(-100px, -100px, 0);
  }
  [data-aos=fade-down-left] {
    -webkit-transform: translate3d(100px, -100px, 0);
            transform: translate3d(100px, -100px, 0);
  }
  [data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
  }
  [data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    -webkit-transform: translateZ(0) scale(1);
            transform: translateZ(0) scale(1);
  }
  [data-aos=zoom-in] {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
  }
  [data-aos=zoom-in-up] {
    -webkit-transform: translate3d(0, 100px, 0) scale(0.6);
            transform: translate3d(0, 100px, 0) scale(0.6);
  }
  [data-aos=zoom-in-down] {
    -webkit-transform: translate3d(0, -100px, 0) scale(0.6);
            transform: translate3d(0, -100px, 0) scale(0.6);
  }
  [data-aos=zoom-in-right] {
    -webkit-transform: translate3d(-100px, 0, 0) scale(0.6);
            transform: translate3d(-100px, 0, 0) scale(0.6);
  }
  [data-aos=zoom-in-left] {
    -webkit-transform: translate3d(100px, 0, 0) scale(0.6);
            transform: translate3d(100px, 0, 0) scale(0.6);
  }
  [data-aos=zoom-out] {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  [data-aos=zoom-out-up] {
    -webkit-transform: translate3d(0, 100px, 0) scale(1.2);
            transform: translate3d(0, 100px, 0) scale(1.2);
  }
  [data-aos=zoom-out-down] {
    -webkit-transform: translate3d(0, -100px, 0) scale(1.2);
            transform: translate3d(0, -100px, 0) scale(1.2);
  }
  [data-aos=zoom-out-right] {
    -webkit-transform: translate3d(-100px, 0, 0) scale(1.2);
            transform: translate3d(-100px, 0, 0) scale(1.2);
  }
  [data-aos=zoom-out-left] {
    -webkit-transform: translate3d(100px, 0, 0) scale(1.2);
            transform: translate3d(100px, 0, 0) scale(1.2);
  }
  [data-aos^=slide][data-aos^=slide] {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
  }
  [data-aos^=slide][data-aos^=slide].aos-animate {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  [data-aos=slide-up] {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  [data-aos=slide-down] {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  [data-aos=slide-right] {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  [data-aos=slide-left] {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  [data-aos^=flip][data-aos^=flip] {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
  }
  [data-aos=flip-left] {
    -webkit-transform: perspective(2500px) rotateY(-100deg);
            transform: perspective(2500px) rotateY(-100deg);
  }
  [data-aos=flip-left].aos-animate {
    -webkit-transform: perspective(2500px) rotateY(0);
            transform: perspective(2500px) rotateY(0);
  }
  [data-aos=flip-right] {
    -webkit-transform: perspective(2500px) rotateY(100deg);
            transform: perspective(2500px) rotateY(100deg);
  }
  [data-aos=flip-right].aos-animate {
    -webkit-transform: perspective(2500px) rotateY(0);
            transform: perspective(2500px) rotateY(0);
  }
  [data-aos=flip-up] {
    -webkit-transform: perspective(2500px) rotateX(-100deg);
            transform: perspective(2500px) rotateX(-100deg);
  }
  [data-aos=flip-up].aos-animate {
    -webkit-transform: perspective(2500px) rotateX(0);
            transform: perspective(2500px) rotateX(0);
  }
  [data-aos=flip-down] {
    -webkit-transform: perspective(2500px) rotateX(100deg);
            transform: perspective(2500px) rotateX(100deg);
  }
  [data-aos=flip-down].aos-animate {
    -webkit-transform: perspective(2500px) rotateX(0);
            transform: perspective(2500px) rotateX(0);
  }
}
/* ========================================================
共通パーツ
=========================================================*/
.site-header {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 200;
  /* ========================================================
  スクロールしたら
  =========================================================*/
}
@media screen and (max-width: 767px) {
  .site-header {
    background-color: #fff;
  }
}
.site-header .header-inr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 min(2.6041666667vw, 50px) 0 min(1.5625vw, 30px);
  height: min(5.7291666667vw, 110px);
  -webkit-transition: height 0.3s;
  transition: height 0.3s;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .site-header .header-inr {
    padding: min(3.3333333333vw, 40px) min(4.1666666667vw, 50px) 0 min(2.75vw, 30px);
  }
}
@media screen and (max-width: 767px) {
  .site-header .header-inr {
    background-color: #fff;
    padding: 0 min(4.6511627907vw, 40px);
    height: min(20.9302325581vw, 180px);
  }
}
.site-header .header-inr .logo-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  line-height: 0;
  margin-top: 30px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .site-header .header-inr .logo-box {
    margin-top: 0;
    padding-top: 15px;
  }
}
@media screen and (max-width: 767px) {
  .site-header .header-inr .logo-box {
    margin-top: 0;
  }
}
.site-header .header-inr .logo-box h1 {
  width: min(21.3vw, 213px);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .site-header .header-inr .logo-box h1 {
    width: min(20.80078125vw, 213px);
  }
}
@media screen and (max-width: 767px) {
  .site-header .header-inr .logo-box h1 {
    width: min(38.1395348837vw, 328px);
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .site-header .header-inr .logo-box h1 a svg {
    width: min(20.80078125vw, 213px);
  }
}
@media screen and (max-width: 767px) {
  .site-header .header-inr .logo-box h1 a svg {
    width: min(38.1395348837vw, 328px);
  }
}
.site-header .header-inr .logo-box h1 a svg .color-white {
  -webkit-transition: 0.3s ease 0.3s;
  transition: 0.3s ease 0.3s;
}
.site-header .header-inr .logo-box.add-cc h1 a svg .color-white {
  fill: #fff;
}
.site-header .header-inr .nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.site-header .header-inr .nav-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.site-header .header-inr .nav-list ul li {
  margin-right: min(5.5vw, 55px);
}
.site-header .header-inr .nav-list ul li:last-child {
  margin-right: 0;
}
.site-header .header-inr .nav-list ul li a {
  -webkit-transition: font-size 0.3s;
  transition: font-size 0.3s;
  font-size: 1.5rem;
  font-size: 1.5rem;
  font-weight: 400;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .site-header .header-inr .nav-list ul li a {
    font-size: 1.4rem;
  }
}
.site-header .header-inr .nav-list.add-cc ul li a {
  color: #fff;
}
@media screen and (max-width: 767px) {
  .site-header .header-inr .hamburger-container {
    position: relative;
    width: min(12.3255813953vw, 106px);
    height: min(12.3255813953vw, 106px);
    cursor: pointer;
  }
  .site-header .header-inr .hamburger-container span {
    display: inline-block;
    -webkit-transition: all 0.4s;
    transition: all 0.4s; /*アニメーションの設定*/
    position: absolute;
    left: 9px;
    height: 2px;
    background-color: #000;
  }
}
@media screen and (max-width: 767px) and (max-width: 376px) {
  .site-header .header-inr .hamburger-container span {
    left: 7px;
  }
}
@media screen and (max-width: 767px) {
  .site-header .header-inr .hamburger-container span:nth-of-type(1) {
    top: 20px;
    width: min(8.3720930233vw, 72px);
  }
}
@media screen and (max-width: 767px) and (max-width: 376px) {
  .site-header .header-inr .hamburger-container span:nth-of-type(1) {
    top: 15px;
  }
}
@media screen and (max-width: 767px) {
  .site-header .header-inr .hamburger-container span:nth-of-type(2) {
    top: 31px;
    width: min(8.3720930233vw, 72px);
  }
}
@media screen and (max-width: 767px) and (max-width: 376px) {
  .site-header .header-inr .hamburger-container span:nth-of-type(2) {
    top: 26px;
  }
}
.site-header .header-inr .hamburger-container.is-active span:nth-of-type(1) {
  top: 14px;
  left: 7px;
  -webkit-transform: translateY(6px) rotate(-30deg);
          transform: translateY(6px) rotate(-30deg);
}
.site-header .header-inr .hamburger-container.is-active span:nth-of-type(2) {
  top: 26px;
  left: 8px;
  -webkit-transform: translateY(-6px) rotate(30deg);
          transform: translateY(-6px) rotate(30deg);
}
.site-header .header-inr .hamburger-container.add-cc span {
  background-color: #fff;
}
.site-header .header-inr .hamburger-container.js-modal-close span:nth-child(1) {
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
  top: 1.6vw;
}
.site-header .header-inr .hamburger-container.js-modal-close span:nth-child(2) {
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
  bottom: 1.3333333333vw;
}
.site-header .header-inr .nav-modal-container {
  background: #fff;
  position: fixed;
  left: 0;
  top: min(18.6046511628vw, 160px);
  width: 100%;
  height: 100vh;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  overflow-y: auto;
  z-index: -1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.site-header .header-inr .nav-modal-container.is-active {
  opacity: 1;
  visibility: visible;
}
.site-header .header-inr .nav-modal-container .modal-inr {
  width: min(69.7674418605vw, 600px);
  margin: min(15.9302325581vw, 137px) auto min(34.8837209302vw, 300px);
}
.site-header .header-inr .nav-modal-container .modal-inr .nav1 {
  border-bottom: solid 1px #E6E6E6;
  padding-bottom: min(9.3023255814vw, 80px);
}
.site-header .header-inr .nav-modal-container .modal-inr .nav2 {
  padding-top: min(6.976744186vw, 60px);
}
.site-header .header-inr .nav-modal-container .modal-inr .modal-list-item li:not(:last-child) {
  margin-bottom: min(6.976744186vw, 60px);
}
.site-header .header-inr .nav-modal-container .modal-inr .modal-list-item li a {
  font-size: 1.6rem;
  font-weight: 400;
}
.site-header.current {
  background-color: #fff;
  -webkit-transition: all, 0.3s;
  transition: all, 0.3s;
  -webkit-box-shadow: 0px 5px 10px -6px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 5px 10px -6px rgba(0, 0, 0, 0.2);
}
.site-header.current .header-inr {
  height: min(4.1666666667vw, 80px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .site-header.current .header-inr {
    padding: 10px 30px 10px 20px;
    height: min(9vw, 90px);
  }
}
@media screen and (max-width: 767px) {
  .site-header.current .header-inr {
    height: min(18.6046511628vw, 160px);
  }
}
.site-header.current .header-inr .logo-box {
  margin-top: 0;
  padding-top: 0;
}
.site-header.current .header-inr .logo-box h1 {
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .site-header.current .header-inr .logo-box h1 {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}
@media screen and (max-width: 767px) {
  .site-header.current .header-inr .logo-box h1 {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}
.site-header.current .header-inr .nav-list ul li {
  margin-right: min(6.2vw, 62px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .site-header.current .header-inr .nav-list ul li {
    margin-right: min(4.2vw, 42px);
  }
}
.site-header.current .header-inr .nav-list ul li:last-child {
  margin-right: 0;
}
.site-header.current .header-inr .nav-list ul li a {
  color: #000;
  font-size: 1.4rem;
  font-weight: 400;
}

/* ========================================================
サイトのフッタ
=========================================================*/
.site-footer {
  padding-bottom: 18px;
}
@media screen and (max-width: 767px) {
  .site-footer {
    width: 100%;
    margin: 0 auto;
    padding: 0 min(6.976744186vw, 60px) min(4.6511627907vw, 40px);
  }
}
.site-footer .footer-menu .menu-inr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: min(4.5833333333vw, 88px);
  margin-bottom: min(4.0625vw, 78px);
}
@media screen and (max-width: 767px) {
  .site-footer .footer-menu .menu-inr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: min(12.7906976744vw, 110px);
    margin-bottom: min(13.2558139535vw, 114px);
  }
}
.site-footer .footer-menu .menu-inr li {
  font-size: 1.6rem;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .site-footer .footer-menu .menu-inr li {
    font-size: 1.6rem;
  }
}
.site-footer .footer-menu .menu-inr li:not(:last-child) {
  margin-right: min(3.6458333333vw, 70px);
}
@media screen and (max-width: 767px) {
  .site-footer .footer-menu .menu-inr li:not(:last-child) {
    margin-right: 0;
    margin-bottom: min(7.5581395349vw, 65px);
  }
}
.site-footer .footer-menu .menu-inr li a {
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.08rem;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .site-footer .footer-menu .menu-inr li a {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .site-footer .footer-menu .menu-inr li a {
    font-size: 1.5rem;
  }
}
.site-footer p {
  text-align: center;
}
.site-footer p small {
  display: block;
  text-align: center;
  font-size: 1.2rem;
  color: #999;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .site-footer p small {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 767px) {
  .site-footer p small {
    font-size: 1rem;
  }
}

/* ========================================================
SDSグループのCSR活動
=========================================================*/
.initiatives-container {
  margin-bottom: min(10.78125vw, 207px);
  padding-top: min(7.96875vw, 153px);
  /* ========================================================
  共通ブロック
  =========================================================*/
  /* ========================================================
  共通ブロック　下　2カラムver
  =========================================================*/
  /* ========================================================
  環境への取り組み
  =========================================================*/
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .initiatives-container {
    margin-bottom: min(17.25vw, 207px);
    padding-top: min(12.75vw, 153px);
  }
}
@media screen and (max-width: 767px) {
  .initiatives-container {
    margin-bottom: min(15.3488372093vw, 132px);
    padding-top: min(26.0465116279vw, 224px);
  }
}
.initiatives-container .inr-txt {
  font-size: 1.5rem;
  line-height: 2.3;
  text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .initiatives-container .inr-txt {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .initiatives-container .inr-txt {
    font-size: 1.5rem;
    line-height: 2.2;
    text-align: start;
  }
}
.initiatives-container .head-box {
  margin-bottom: min(9.375vw, 180px);
  /* ========================================================
  　スムーススクロール
  =========================================================*/
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .initiatives-container .head-box {
    margin-bottom: min(15vw, 180px);
  }
}
@media screen and (max-width: 767px) {
  .initiatives-container .head-box {
    margin-bottom: min(20.9302325581vw, 180px);
  }
}
.initiatives-container .head-box .title {
  font-size: min(5.2083333333vw, 100px);
  text-align: center;
  letter-spacing: 0.01rem;
}
@media screen and (max-width: 767px) {
  .initiatives-container .head-box .title {
    font-size: min(10.6976744186vw, 35px);
    line-height: 1.2;
  }
}
.initiatives-container .head-box .title .title-txt {
  text-align: center;
  font-size: min(1.5625vw, 30px);
  line-height: 2.2;
  margin-bottom: min(2.0833333333vw, 40px);
  font-weight: 600;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .initiatives-container .head-box .title .title-txt {
    margin-bottom: min(3.3333333333vw, 40px);
  }
}
@media screen and (max-width: 767px) {
  .initiatives-container .head-box .title .title-txt {
    font-size: 1.8rem;
    margin-bottom: min(6.976744186vw, 60px);
  }
}
.initiatives-container .head-box .lead {
  max-width: 1100px;
  margin: 0 auto min(5.3125vw, 102px);
  padding: 0 min(1.5625vw, 30px);
  font-size: 1.6rem;
  line-height: 2.6;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .initiatives-container .head-box .lead {
    width: min(85.8333333333vw, 1030px);
    margin: 0 auto min(8.5vw, 102px);
    padding: 0 min(2.5vw, 30px);
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .initiatives-container .head-box .lead {
    width: 100%;
    padding: 0 min(6.976744186vw, 60px);
    font-size: 1.5rem;
    line-height: 2.2;
    text-align: start;
    margin: 0 auto min(17.4418604651vw, 150px);
  }
}
.initiatives-container .head-box .menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 40px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .initiatives-container .head-box .menu {
    gap: 10px;
  }
}
@media screen and (max-width: 767px) {
  .initiatives-container .head-box .menu {
    width: min(67.4418604651vw, 580px);
    margin: 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: min(7.4418604651vw, 64px);
  }
}
.initiatives-container .head-box .menu li {
  width: calc((100% - 80px) / 3);
}
.initiatives-container .head-box .menu li:hover p {
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  border-bottom: solid 2px #009FE8;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .initiatives-container .head-box .menu li {
    width: calc((100% - 20px) / 3);
  }
}
@media screen and (max-width: 767px) {
  .initiatives-container .head-box .menu li {
    width: 100%;
  }
}
.initiatives-container .head-box .menu li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 767px) {
  .initiatives-container .head-box .menu li a {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.initiatives-container .head-box .menu li a span {
  display: block;
  font-size: min(2.6041666667vw, 50px);
  margin-right: min(0.8854166667vw, 17px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .initiatives-container .head-box .menu li a span {
    font-size: min(4.1666666667vw, 50px);
    margin-right: min(1.4166666667vw, 17px);
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
}
@media screen and (max-width: 767px) {
  .initiatives-container .head-box .menu li a span {
    font-size: min(9.3023255814vw, 80px);
    margin-right: min(2.3255813953vw, 20px);
  }
}
.initiatives-container .head-box .menu li a p {
  font-size: min(1.3020833333vw, 25px);
  line-height: 1.5;
  border-bottom: solid 2px #000;
  padding-bottom: min(0.3125vw, 6px);
  font-weight: 500;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .initiatives-container .head-box .menu li a p {
    font-size: min(2.0833333333vw, 25px);
    padding-bottom: min(0.5vw, 6px);
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
}
@media screen and (max-width: 767px) {
  .initiatives-container .head-box .menu li a p {
    font-size: min(4.1860465116vw, 36px);
  }
}
@media screen and (max-width: 767px) {
  .initiatives-container .head-box .menu li:nth-child(2) a .img-box {
    width: min(13.2558139535vw, 114px);
  }
}
@media screen and (max-width: 767px) {
  .initiatives-container .head-box .menu li:nth-child(3) a .img-box {
    width: min(13.3720930233vw, 115px);
  }
}
.initiatives-container .common-unit {
  /* ========================================================
  共通ブロック　上
  =========================================================*/
  /* ========================================================
  共通ブロック　下
  =========================================================*/
}
@media screen and (max-width: 767px) {
  .initiatives-container .common-unit {
    width: 100%;
  }
}
.initiatives-container .common-unit:not(:last-child) {
  margin-bottom: min(8.8541666667vw, 170px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .initiatives-container .common-unit:not(:last-child) {
    margin-bottom: min(14.1666666667vw, 170px);
  }
}
@media screen and (max-width: 767px) {
  .initiatives-container .common-unit:not(:last-child) {
    margin-bottom: min(16.2790697674vw, 140px);
  }
}
.initiatives-container .common-unit .heading {
  position: relative;
  font-size: min(2.6041666667vw, 50px);
  text-align: center;
  line-height: 2.2;
  padding: min(3.125vw, 60px) 0 min(1.0416666667vw, 20px);
  font-weight: 600;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .initiatives-container .common-unit .heading {
    font-size: min(4.1666666667vw, 50px);
    padding: min(5vw, 60px) 0 min(1.6666666667vw, 20px);
  }
}
@media screen and (max-width: 767px) {
  .initiatives-container .common-unit .heading {
    font-size: 2.4rem;
    padding: min(9.3023255814vw, 80px) 0;
    padding: min(10.4651162791vw, 90px) 0 min(4.6511627907vw, 40px);
  }
}
.initiatives-container .common-unit .heading::before {
  content: "";
  display: block;
  background: url("/common/img/under/initiatives/initiatives_bg_num_01.svg") top/cover no-repeat;
  width: min(16.8229166667vw, 323px);
  height: min(9.8958333333vw, 190px);
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .initiatives-container .common-unit .heading::before {
    width: min(26.9166666667vw, 323px);
    height: min(15.8333333333vw, 190px);
  }
}
@media screen and (max-width: 767px) {
  .initiatives-container .common-unit .heading::before {
    width: min(46.2790697674vw, 398px);
    height: min(27.2093023256vw, 234px);
  }
}
.initiatives-container .common-unit .num02::before {
  background: url("/common/img/under/initiatives/initiatives_bg_num_02.svg") top/cover no-repeat;
  width: min(19.1145833333vw, 367px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .initiatives-container .common-unit .num02::before {
    width: min(30.5833333333vw, 367px);
  }
}
@media screen and (max-width: 767px) {
  .initiatives-container .common-unit .num02::before {
    width: min(52.5581395349vw, 452px);
  }
}
.initiatives-container .common-unit .num03::before {
  background: url("/common/img/under/initiatives/initiatives_bg_num_03.svg") top/cover no-repeat;
  width: min(19.375vw, 372px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .initiatives-container .common-unit .num03::before {
    width: min(31vw, 372px);
  }
}
@media screen and (max-width: 767px) {
  .initiatives-container .common-unit .num03::before {
    width: min(53.2558139535vw, 458px);
  }
}
.initiatives-container .common-unit .lead-txt {
  margin-bottom: min(5.2083333333vw, 100px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .initiatives-container .common-unit .lead-txt {
    margin-bottom: min(8.3333333333vw, 100px);
  }
}
@media screen and (max-width: 767px) {
  .initiatives-container .common-unit .lead-txt {
    margin-bottom: min(9.3023255814vw, 80px);
  }
}
.initiatives-container .common-unit .head-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  margin-bottom: min(6.7708333333vw, 130px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .initiatives-container .common-unit .head-box {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: min(10.8333333333vw, 130px);
  }
}
@media screen and (max-width: 767px) {
  .initiatives-container .common-unit .head-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: min(16.2790697674vw, 140px);
  }
}
.initiatives-container .common-unit .head-box .img-box {
  width: min(36.4583333333vw, 700px);
  margin-right: min(5.2083333333vw, 100px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .initiatives-container .common-unit .head-box .img-box {
    width: 50%;
    margin-right: min(5vw, 60px);
  }
}
@media screen and (max-width: 767px) {
  .initiatives-container .common-unit .head-box .img-box {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
}
.initiatives-container .common-unit .head-box .description .inr-heading {
  font-size: min(1.5625vw, 30px);
  margin-bottom: min(1.5625vw, 30px);
  font-weight: 500;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .initiatives-container .common-unit .head-box .description .inr-heading {
    font-size: min(2.5vw, 30px);
    margin-bottom: min(2.5vw, 30px);
  }
}
@media screen and (max-width: 767px) {
  .initiatives-container .common-unit .head-box .description .inr-heading {
    font-size: 1.9rem;
    margin-bottom: min(5.8139534884vw, 50px);
  }
}
.initiatives-container .common-unit .head-box .description .inr-txt {
  text-align: start;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .initiatives-container .common-unit .head-box .description .inr-txt {
    line-height: 2.2;
  }
}
.initiatives-container .common-unit .foot-box {
  width: min(100vw, 1200px);
  margin: 0 auto;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .initiatives-container .common-unit .foot-box {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media screen and (max-width: 767px) {
  .initiatives-container .common-unit .foot-box {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.initiatives-container .common-unit .foot-box .detail-description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: min(5vw, 60px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .initiatives-container .common-unit .foot-box .detail-description {
    gap: 30px;
  }
}
@media screen and (max-width: 767px) {
  .initiatives-container .common-unit .foot-box .detail-description {
    gap: 70px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.initiatives-container .common-unit .foot-box .detail-description li {
  width: calc((100% - 120px) / 3);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .initiatives-container .common-unit .foot-box .detail-description li {
    width: calc((100% - 60px) / 3);
  }
}
@media screen and (max-width: 767px) {
  .initiatives-container .common-unit .foot-box .detail-description li {
    width: 100%;
  }
}
.initiatives-container .common-unit .foot-box .detail-description li .img-box {
  margin-bottom: min(0.9895833333vw, 19px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .initiatives-container .common-unit .foot-box .detail-description li .img-box {
    margin-bottom: min(1.5833333333vw, 19px);
  }
}
@media screen and (max-width: 767px) {
  .initiatives-container .common-unit .foot-box .detail-description li .img-box {
    margin-bottom: 15px;
  }
}
.initiatives-container .common-unit .foot-box .detail-description li .detail-heading {
  font-size: min(1.1979166667vw, 23px);
  line-height: 1.5;
  margin-bottom: min(1.0416666667vw, 20px);
  font-weight: 500;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .initiatives-container .common-unit .foot-box .detail-description li .detail-heading {
    font-size: min(1.9166666667vw, 23px);
    margin-bottom: min(1.6666666667vw, 20px);
  }
}
@media screen and (max-width: 767px) {
  .initiatives-container .common-unit .foot-box .detail-description li .detail-heading {
    font-size: 1.8rem;
    margin-bottom: min(2.3255813953vw, 20px);
  }
}
.initiatives-container .common-unit .foot-box .detail-description li .inr-txt {
  text-align: start;
  font-weight: 400;
}
.initiatives-container .custom .foot-box .detail-description {
  gap: 140px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .initiatives-container .custom .foot-box .detail-description {
    gap: 30px;
  }
}
@media screen and (max-width: 767px) {
  .initiatives-container .custom .foot-box .detail-description {
    gap: 70px;
  }
}
.initiatives-container .custom .foot-box .detail-description li {
  width: calc((100% - 60px) / 2);
}
@media screen and (max-width: 767px) {
  .initiatives-container .custom .foot-box .detail-description li {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .initiatives-container .evn .head-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.initiatives-container .evn .head-box .description .inr-txt {
  margin-bottom: min(1.0416666667vw, 20px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .initiatives-container .evn .head-box .description .inr-txt {
    margin-bottom: min(1.6666666667vw, 20px);
  }
}
@media screen and (max-width: 767px) {
  .initiatives-container .evn .head-box .description .inr-txt {
    margin-bottom: min(2.3255813953vw, 20px);
  }
}
.initiatives-container .evn .head-box .description .note {
  font-size: 1.2rem;
  line-height: 2.5;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .initiatives-container .evn .head-box .description .note {
    font-size: 1.2rem;
    line-height: 2;
  }
}
.initiatives-container .evn .head-box .img-box {
  margin: 0 0 0 min(5.2083333333vw, 100px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .initiatives-container .evn .head-box .img-box {
    margin: 0 0 0 min(5vw, 60px);
  }
}
@media screen and (max-width: 767px) {
  .initiatives-container .evn .head-box .img-box {
    margin: 0 0 min(6.976744186vw, 60px) 0;
  }
}

/* 1. 全体のコンテナと画像ラッパー */
.header-container {
    padding: 110px 20px 0;
}

.header-image-wrapper {
    /* 提供された画像に合わせてアスペクト比を調整 */
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 38%; /* 16:9 のアスペクト比 (高さ/幅) */
    max-height: 400px; /* PCでの最大高さを制限 */
    
    /* 背景画像の設定 */
    background-image: url('/common/img/initiatives/top.jpg'); /* 添付された画像のファイル名に置き換えてください */
    background-size: cover;
    background-position: center; /* 足元が写るように調整 */
    
    /* 角丸を再現 */
    border-radius: 20px;
    overflow: hidden; /* キャプションボックスがはみ出さないように */
}

/* 2. キャプションボックス (薄いベージュの部分) */
.caption-box {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 70%; /* 画像のサイズに合わせて調整 */
    max-width: 700px;
    padding: 30px;
    
    /* 薄いベージュ色を再現 */
    background-color: #fcf6ee; 
    
    /* 角丸を再現 (左上のみ丸く、他は直線) */
    border-top-left-radius: 40px; 
    border-bottom-right-radius: 20px; /* 全体ラッパーの角丸と合わせる */
    height: 150px;
}

/* 3. テキスト要素のスタイル */
.service-title {
    /*font-size: 1.8rem;*/
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.4;
}

.meta-info {
    display: flex;
    justify-content: flex-end; /* 右寄せ */
    align-items: center;
    gap: 10px;
    font-size: 1.6em;
}

.date {
    color: #888;
    margin-right: 10px;
}

.tags-container {
    display: flex;
    gap: 8px;
}

.tag {
    display: inline-block;
    padding: 6px 15px;
    border-radius: 5px;
    font-weight: 700;
    color: white;
    text-decoration: none;
    white-space: nowrap; /* テキストが折り返されないように */
}

/* タグの色を再現 */
.tag-person {
    background-color: #f97155; /* ご本人・ご家族 (オレンジ系) */
}

.tag-law {
    background-color: #e6a88b; /* 法制度の紹介 (薄いオレンジ系) */
}


/* レスポンシブ調整（スマートフォン対応） */
@media (max-width: 768px) {
    .header-container {
        padding: 10px;
    }
    
    .header-image-wrapper {
        padding-bottom: 75%; /* モバイルでは高めに */
        border-radius: 15px;
    }

    .caption-box {
        width: 100%; /* モバイルでは幅いっぱい */
        padding: 20px;
        border-top-left-radius: 20px;
        border-bottom-right-radius: 15px;
    }
    
    .service-title {
        font-size: 1.5rem;
        margin-bottom: 15px;
    }
    
    .meta-info {
        flex-direction: column; /* 縦並びにして */
        align-items: flex-end; /* 右寄せ */
        gap: 5px;
    }
    
    .date {
        margin-right: 0;
        margin-bottom: 5px;
    }
    
    .tag {
        font-size: 0.75rem;
        padding: 4px 10px;
    }
}

/* パンくずリストセクションのスタイル */
.breadcrumbs-section {
    padding: 15px 20px;
    text-align: right; /* テキスト全体を右寄せ */
    margin: 0 auto;
    width: 900px;
}

.breadcrumbs-container {
    max-width: 900px; /* メインコンテンツと幅を合わせる */
    width: 100%;
    margin: 0 auto;
}

.breadcrumb-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-end; /* 右端に配置 */
    font-size: 0.9rem;
}

.breadcrumb-list li {
    margin-left: 10px;
    display: flex;
    align-items: center;
    color: #666; /* 現在のページの色 */
}

/* リンクと区切り矢印のスタイル */
.breadcrumb-list a {
    text-decoration: none;
    color: #333; /* リンクの色 */
    white-space: nowrap; /* 折り返し防止 */
}

/* 矢印の区切り（<li>の前に配置） */
.breadcrumb-list li:not(:first-child)::before {
    /* 画像の右向き三角を再現 */
    content: "〉"; 
    font-size: 0.8rem;
    color: #39b38d; /* 緑色の矢印を再現 */
    margin-right: 10px;
}

/* 現在のページ（最後の項目）のスタイル */
.breadcrumb-list li[aria-current="page"] {
    font-weight: 700;
    color: #333;
}

/* メインコンテンツ */
.content-wrapper {
    /*display: flex;*/
    justify-content: center;
    padding: 20px;
}

.main-content-card {
    width: 100%;
    max-width: 900px; /* コンテンツの幅を制限 */
    background-color: #ffffff;
    border-radius: 20px;
    padding: 40px 5%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    font-size: 1.6rem;
    margin: 0 auto;
}

/* シェアボタンエリア */
.social-share {
    text-align: right;
    margin-bottom: 20px;
    font-size: 0.9rem;
    color: #777;
}

.social-share a {
    text-decoration: none;
    color: #555;
    margin-left: 8px;
    font-weight: bold;
}

/* セクションと見出し */
.section-container {
    margin-bottom: 30px;
}

.main-content-card h2 {
    /*font-size: 1.5rem;*/
    font-weight: 700;
    padding-bottom: 5px;
    margin-bottom: 15px;
    color: #333;
    border-bottom: 2px solid #ddd; /* セクションの区切り線 */
}

.main-content-card h3 {
    /*font-size: 1.2rem;*/
    font-weight: 700;
    margin-top: 25px;
    margin-bottom: 10px;
    color: #333;
}

.main-content-card h4 {
    /*font-size: 1.1rem;*/
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 8px;
    color: #333;
}

.main-content-card p {
    margin-bottom: 1em;
    /*font-size: 1rem;*/
}

.main-content-card ul {
    margin-left: 20px;
    padding-left: 0;
    list-style: none; /* リストマークを消去 */
}

.main-content-card ul li {
    position: relative;
    margin-bottom: 5px;
    padding-left: 15px;
}

.main-content-card ul li::before {
    content: "・"; /* リストマークを「・」にする */
    position: absolute;
    left: 0;
    color: #333;
}

/* 区切り線 */
.section-divider {
    border: none;
    border-top: 1px solid #eee;
    margin: 40px 0;
}

/* 画像プレースホルダー */
.image-placeholder {
    text-align: center;
    margin-top: 30px;
    padding: 20px 0;
    border: 1px dashed #ccc; /* 枠線を模倣 */
    border-radius: 10px;
}

.placeholder-caption {
    font-size: 0.9rem;
    color: #555;
    margin-bottom: 10px;
}

.table-image-mockup {
    width: 90%; /* 画像の幅を調整 */
    height: auto;
    border: 1px solid #ccc;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* モバイル対応の調整 */
@media (max-width: 600px) {
    .main-content-card {
        padding: 30px 4%;
    }
}

/* レスポンシブ調整（スマートフォン対応） */
@media (max-width: 768px) {
    .header-container {
        padding-top: 100px; /* スマホでは画面いっぱいに広げる */
    }
    
    .header-image-wrapper {
    	position: relative;
        border-radius: 0; /* スマホでは角丸をなくすか、トップのみにする */
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        padding-bottom: 75%; /* モバイルでは高めに (例: 4:3) */
        max-height: none; /* 最大高さを解除 */
    }

    /* キャプションボックスを画像の下端全体を覆うように調整 */
    .caption-box {
        position: absolute; /* 絶対配置を解除して通常フローに戻す */
        width: 100%; /* 幅いっぱい */
        max-width: none;
        padding: 30px 20px 20px; /* パディングを調整 */
        
        /* 角丸の変更 */
        border-top-left-radius: 40px; 
        border-top-right-radius: 40px; /* 上部を大きく丸める */
        border-bottom-right-radius: 0; /* 下部は角丸にしない */
        border-bottom-left-radius: 0;
        margin-top: 0; /* 画像と重なる部分を調整 */
        text-align: left; /* テキストを左寄せにする */
        height: 100px;
    }
    
    .service-title {
        font-size: 1.5rem;
        margin-bottom: 15px;
        text-align: left; /* タイトルを左寄せ */
    }
    
    .meta-info {
        flex-direction: row; /* 日付とタグを横並びに維持 */
        justify-content: flex-start; /* 左寄せ */
        align-items: center;
        gap: 10px;
    }
    
    .date {
        font-size: 0.85rem;
        order: -1; /* 日付を左端に移動 */
        margin-right: 5px; /* スペース調整 */
    }
    
    .tags-container {
        display: flex;
        flex-wrap: wrap; /* タグが多すぎる場合に折り返す */
        gap: 8px;
    }
    
    .tag {
        font-size: 0.75rem;
        padding: 5px 10px;
    }
}

/* パンくずリストのスマホ調整を上記メディアクエリ内に追記 */
@media (max-width: 768px) {
    /* ... ヘッダー調整に続けて以下を追加 ... */

    .breadcrumbs-section {
        padding: 10px 20px;
        width: 100%;
    }

    .breadcrumb-list {
        /* 右寄せから左寄せに変更 */
        justify-content: flex-start; 
        font-size: 0.8rem;
        /* スマホで1行に収まらない場合は、折り返しを許可 */
        flex-wrap: wrap; 
    }

    .breadcrumb-list li {
        margin-left: 0; 
        margin-right: 8px; /* li間のスペース調整 */
    }

    /* 矢印を左に配置し、li間の間隔を調整 */
    .breadcrumb-list li:not(:first-child)::before {
        margin-right: 8px;
    }

    .breadcrumb-list a {
        color: #666; /* リンクの色を少し薄く */
    }

    .breadcrumb-list li[aria-current="page"] {
        color: #333;
        font-weight: 700;
    }
}

/* 問い合わせ窓口・関連リンクセクションのスタイル追記 */

.section-contact-links h3.contact-title {
    /*font-size: 1rem;*/
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 5px;
}

.section-contact-links .contact-info {
    /*font-size: 0.95rem;*/
    margin-bottom: 25px;
}

.link-description {
    /*font-size: 0.95rem;*/
    margin-bottom: 20px;
}

.link-source-name {
    /*font-size: 0.9rem;*/
    color: #666;
    margin-bottom: 5px;
    margin-top: 15px;
}

/* リンクURLのボックススタイル */

.link-url a {
    color: #39b38d; /* 標準的なリンクの色 */
    text-decoration: none;
    margin-right: auto; /* リンクアイコンを右に寄せる */
}

.link-icon {
    font-size: 0.8em;
    color: #39b38d; /* 緑色のアイコンを再現 */
    font-weight: bold;
    margin-left: 10px;
}

.pdf-icon::after {
    content: 'PDF'; /* PDFアイコンのテキスト */
    font-size: 0.6em;
    font-weight: 700;
    color: white;
    background-color: #f97155; /* オレンジ色の背景 */
    padding: 2px 4px;
    border-radius: 3px;
    margin-left: 5px;
}

/* ==================================== */
/* 5. 非固定フッターボタン */
/* ==================================== */
.page-footer {
    position: relative; /* 固定解除 */
    /*background-color: #fcf6ee; */
    padding: 40px 0 20px; /* 上部のスペースを大きく取る */
}

.footer-actions {
    display: flex;
    justify-content: center;
    gap: 15px; 
    padding: 0 10px;
}

.footer-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 25px;
    border-radius: 12px;
    font-size: 1.6rem;
    font-weight: 700;
    width: 48%; 
    max-width: 250px;
    text-decoration: none;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 
}

.list-back-button {
    background-color: #00a88e; 
    color: white;
}

.top-button {
    background-color: #2c2c2c; 
    color: white;
}

.button-icon {
    width: 24px;
    height: 24px;
    margin-left: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: relative;
    background-color: white; /* 白い丸の背景 */
}

.arrow-right-icon::after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-top: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
}

.list-back-button .arrow-right-icon::after {
    border-color: #00a88e; 
}

.top-button .arrow-right-icon::after {
    border-color: #2c2c2c; 
}


/* ==================================== */
/* 6. モバイル調整 (768px以下) */
/* ==================================== */
@media (max-width: 768px) {
    .main-article-card {
        margin: 10px;
        padding: 20px;
        border-radius: 15px;
    }

    .service-title {
        font-size: 1.4rem;
    }

    .footer-button {
        padding: 14px 15px;
        font-size: 0.9rem;
    }
}

/* 既存の交互配置のメディアブロック (変更なし) */
.media-block {
    display: flex;
    align-items: center;
    min-height: 400px;
    margin-bottom: 50px;
    position: relative;
    overflow: hidden; /* 子要素の食み出しを隠す */
    max-width: 1000px;
	margin: 0 auto;
}

.image-right {
    flex-direction: row;
}

.image-left {
    flex-direction: row-reverse;
}

.block-image {
    flex: 1;
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

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

.block-content {
    flex: 1;
    position: relative;
    padding: 40px;
    z-index: 2;
}

.content-inner {
    background-color: white;
    padding: 40px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

.image-right .block-content {
    margin-right: -15%;
    text-align: left;
}

.image-left .block-content {
    margin-left: -15%;
    text-align: left;
}

.block-content h3 {
    /*font-size: 1.8em;*/
    font-weight: bold;
    color: #333;
    margin-top: 0;
    margin-bottom: 20px;
}

.block-content .icon {
    font-size: 1.2em;
    color: #E91E63;
    margin-right: 10px;
}

.block-content p {
    font-size: 1.3em;
    line-height: 1.8;
    margin-bottom: 30px;
}

.view-more-link {
    display: flex;
    align-items: center;
    width: fit-content; /* 内容の幅に合わせる */
    color: #333; /* テキストの色を黒系に */
    font-weight: bold;
    font-size: 1.1em; /* フォントサイズを少し大きく */
    transition: color 0.3s;
}

.view-more-link:hover {
    color: #E91E63; /* ホバーでテキストの色変更 */
}

.view-more-text {
    margin-right: 15px; /* テキストとボタンの間に余白 */
    white-space: nowrap; /* テキストが改行されないように */
    font-size: 2em;
}

.view-more-arrow-button {
    display: flex; /* 矢印を中央に配置するためにFlexboxを使用 */
    align-items: center;
    justify-content: center;
    width: 50px; /* ボタンの幅 */
    height: 50px; /* ボタンの高さ */
    background-color: #E91E63; /* ピンク色の背景 */
    color: white; /* 矢印の色 */
    border-radius: 50%; /* 円形にする */
    font-size: 1.5em; /* 矢印のサイズ */
    transition: background-color 0.3s, transform 0.3s;
}

.view-more-link:hover .view-more-arrow-button {
    background-color: #C2185B; /* ホバーで少し濃いピンクに */
    transform: translateX(5px); /* ホバーで右に少し移動 */
}

/* レスポンシブ対応 (既存のメディアクエリ内にも調整が必要な場合は適用) */
@media (max-width: 992px) {
    .view-more-arrow-button {
        width: 45px; /* モバイルでは少し小さく */
        height: 45px;
        font-size: 1.3em;
    }
    .view-more-text {
        font-size: 1em; /* モバイルでのフォントサイズ */
        margin-right: 10px;
    }
}

/* --- レスポンシブ対応 (モバイル・タブレット) --- */
@media (max-width: 992px) {
    .media-block {
        flex-direction: column !important;
        min-height: auto;
        margin-bottom: 20px; /* モバイルでの間隔調整 */
    }
    
    .block-image {
        order: 1;
        height: 250px; /* モバイルでの画像高さ */
    }

    .block-content {
        order: 2;
        width: 100%;
        padding: 15px; /* モバイルでのパディング調整 */
        margin-left: 0 !important;
        margin-right: 0 !important;
        transform: translateY(-40px); /* 被せる量を調整 */
    }

    .content-inner {
        padding: 25px 15px; /* モバイルでのパディング調整 */
    }
}