@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap");
@font-face {
  font-family: "Noto Sans JP";
  font-weight: 100;
  src: url("../../font/Noto_Sans_Japanese/woff2/NotoSansJP-Thin.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans JP";
  font-weight: 200;
  src: url("../../font/Noto_Sans_Japanese/woff2/NotoSansJP-ExtraLight.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans JP";
  font-weight: 300;
  src: url("../../font/Noto_Sans_Japanese/woff2/NotoSansJP-Light.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans JP";
  font-weight: 400;
  src: url("../../font/Noto_Sans_Japanese/woff2/NotoSansJP-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans JP";
  font-weight: 500;
  src: url("../../font/Noto_Sans_Japanese/woff2/NotoSansJP-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans JP";
  font-weight: 600;
  src: url("../../font/Noto_Sans_Japanese/woff2/NotoSansJP-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans JP";
  font-weight: 700;
  src: url("../../font/Noto_Sans_Japanese/woff2/NotoSansJP-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans JP";
  font-weight: 800;
  src: url("../../font/Noto_Sans_Japanese/woff2/NotoSansJP-ExtraBold.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans JP";
  font-weight: 900;
  src: url("../../font/Noto_Sans_Japanese/woff2/NotoSansJP-Black.woff2") format("woff2");
}
@font-face {
  font-family: "Kiwi Maru";
  font-weight: 300;
  src: url("../../font/Kiwi_Maru/woff2/KiwiMaru-Light.woff2") format("woff2");
}
@font-face {
  font-family: "Kiwi Maru";
  font-weight: 400;
  src: url("../../font/Kiwi_Maru/woff2/KiwiMaru-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Kiwi Maru";
  font-weight: 500;
  src: url("../../font/Kiwi_Maru/woff2/KiwiMaru-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Kosugi";
  font-weight: 400;
  src: url("../../font/Kosugi/woff2/Kosugi-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Kosugi Maru";
  font-weight: 400;
  src: url("../../font/Kosugi_Maru/woff2/KosugiMaru-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Zen Old Mincho";
  font-weight: 400;
  src: url("../../font/Zen_Old_Mincho/woff2/ZenOldMincho-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Zen Old Mincho";
  font-weight: 500;
  src: url("../../font/Zen_Old_Mincho/woff2/ZenOldMincho-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Zen Old Mincho";
  font-weight: 600;
  src: url("../../font/Zen_Old_Mincho/woff2/ZenOldMincho-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "Zen Old Mincho";
  font-weight: 700;
  src: url("../../font/Zen_Old_Mincho/woff2/ZenOldMincho-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Zen Old Mincho";
  font-weight: 900;
  src: url("../../font/Zen_Old_Mincho/woff2/ZenOldMincho-Black.woff2") format("woff2");
}
@font-face {
  font-family: "BIZ UDPGothic";
  font-weight: 400;
  src: url("../../font/BIZ_UDPGothic/woff2/BIZUDPGothic-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "BIZ UDPGothic";
  font-weight: 700;
  src: url("../../font/BIZ_UDPGothic/woff2/BIZUDPGothic-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Lato";
  font-weight: 100;
  font-style: normal;
  src: url("../../font/Lato/woff2/Lato-Thin.woff2") format("woff2");
}
@font-face {
  font-family: "Lato";
  font-weight: 300;
  font-style: normal;
  src: url("../../font/Lato/woff2/Lato-Light.woff2") format("woff2");
}
@font-face {
  font-family: "Lato";
  font-weight: 400;
  font-style: normal;
  src: url("../../font/Lato/woff2/Lato-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Lato";
  font-weight: 700;
  font-style: normal;
  src: url("../../font/Lato/woff2/Lato-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Lato";
  font-weight: 900;
  font-style: normal;
  src: url("../../font/Lato/woff2/Lato-Black.woff2") format("woff2");
}
@font-face {
  font-family: "Lato";
  font-weight: 100;
  font-style: italic;
  src: url("../../font/Lato/woff2/Lato-Thin.woff2") format("woff2");
}
@font-face {
  font-family: "Lato";
  font-weight: 300;
  font-style: italic;
  src: url("../../font/Lato/woff2/Lato-LightItalic.woff2") format("woff2");
}
@font-face {
  font-family: "Lato";
  font-weight: 400;
  font-style: italic;
  src: url("../../font/Lato/woff2/Lato-Italic.woff2") format("woff2");
}
@font-face {
  font-family: "Lato";
  font-weight: 700;
  font-style: italic;
  src: url("../../font/Lato/woff2/Lato-BlackItalic.woff2") format("woff2");
}
@font-face {
  font-family: "Lato";
  font-weight: 900;
  font-style: italic;
  src: url("../../font/Lato/woff2/Lato-BlackItalic.woff2") format("woff2");
}
@font-face {
  font-family: "Yusei Magic";
  font-weight: 400;
  font-style: normal;
  src: url("../../font/Yusei_Magic/woff2/YuseiMagic-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Zen Maru Gothic";
  font-weight: 300;
  font-style: normal;
  src: url("../../font/Zen_Maru_Gothic/woff2/ZenMaruGothic-Light.woff2") format("woff2");
}
@font-face {
  font-family: "Zen Maru Gothic";
  font-weight: 400;
  font-style: normal;
  src: url("../../font/Zen_Maru_Gothic/woff2/ZenMaruGothic-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Zen Maru Gothic";
  font-weight: 500;
  font-style: normal;
  src: url("../../font/Zen_Maru_Gothic/woff2/ZenMaruGothic-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Zen Maru Gothic";
  font-weight: 700;
  font-style: normal;
  src: url("../../font/Zen_Maru_Gothic/woff2/ZenMaruGothic-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Zen Maru Gothic";
  font-weight: 900;
  font-style: normal;
  src: url("../../font/Zen_Maru_Gothic/woff2/ZenMaruGothic-Black.woff2") format("woff2");
}
@font-face {
  font-family: "Aboreto";
  font-weight: 400;
  font-style: normal;
  src: url("../../font/Aboreto/woff2/Aboreto-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Shippori Mincho B1", serif;
  font-weight: 400;
  font-style: normal;
  src: url("../../font/Shippori_Mincho_B1/woff2/ShipporiMinchoB1-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Shippori Mincho B1", serif;
  font-weight: 500;
  font-style: normal;
  src: url("../../font/Shippori_Mincho_B1/woff2/ShipporiMinchoB1-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Shippori Mincho B1", serif;
  font-weight: 600;
  font-style: normal;
  src: url("../../font/Shippori_Mincho_B1/woff2/ShipporiMinchoB1-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "Shippori Mincho B1", serif;
  font-weight: 700;
  font-style: normal;
  src: url("../../font/Shippori_Mincho_B1/woff2/ShipporiMinchoB1-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Shippori Mincho B1", serif;
  font-weight: 800;
  font-style: normal;
  src: url("../../font/Shippori_Mincho_B1/woff2/ShipporiMinchoB1-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Shirokuma";
  font-weight: 400;
  font-style: normal;
  src: url("../../font/shirokuma/woff2/001Shirokuma-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 100;
  font-style: normal;
  src: url("../../font/M_PLUS_1p/woff2/MPLUS1p-Thin.woff2") format("woff2");
}
@font-face {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 300;
  font-style: normal;
  src: url("../../font/M_PLUS_1p/woff2/MPLUS1p-Light.woff2") format("woff2");
}
@font-face {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 400;
  font-style: normal;
  src: url("../../font/M_PLUS_1p/woff2/MPLUS1p-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 500;
  font-style: normal;
  src: url("../../font/M_PLUS_1p/woff2/MPLUS1p-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 700;
  font-style: normal;
  src: url("../../font/M_PLUS_1p/woff2/MPLUS1p-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 800;
  font-style: normal;
  src: url("../../font/M_PLUS_1p/woff2/MPLUS1p-ExtraBold.woff2") format("woff2");
}
@font-face {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 900;
  font-style: normal;
  src: url("../../font/M_PLUS_1p/woff2/MPLUS1p-Black.woff2") format("woff2");
}
@font-face {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: normal;
  src: url("../../font/Roboto/woff2/Roboto-Thin.woff2") format("woff2");
}
@font-face {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
  src: url("../../font/Roboto/woff2/Roboto-Light.woff2") format("woff2");
}
@font-face {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
  src: url("../../font/Roboto/woff2/Roboto-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
  src: url("../../font/Roboto/woff2/Roboto-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
  src: url("../../font/Roboto/woff2/Roboto-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
  src: url("../../font/Roboto/woff2/Roboto-Black.woff2") format("woff2");
}
@font-face {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: italic;
  src: url("../../font/Roboto/woff2/Roboto-ThinItalic.woff2") format("woff2");
}
@font-face {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: italic;
  src: url("../../font/Roboto/woff2/Roboto-LightItalic.woff2") format("woff2");
}
@font-face {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
  src: url("../../font/Roboto/woff2/Roboto-MediumItalic.woff2") format("woff2");
}
@font-face {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: italic;
  src: url("../../font/Roboto/woff2/Roboto-BoldItalic.woff2") format("woff2");
}
@font-face {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: italic;
  src: url("../../font/Roboto/woff2/Roboto-BlackItalic.woff2") format("woff2");
}
@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 100;
  src: url("../../font/YakuHanJP/YakuHanJP/woff2/YakuHanJP-Thin.woff2") format("woff2");
  unicode-range: U+3001, U+3002, U+3008, U+3009, U+300a, U+300b, U+300c, U+300d, U+300e, U+300f, U+3010, U+3011, U+3014, U+3015, U+30fb, U+ff01, U+ff08, U+ff09, U+ff1a, U+ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 200;
  src: url("../../font/YakuHanJP/YakuHanJP/woff2/YakuHanJP-ExtraLight.woff2") format("woff2");
  unicode-range: U+3001, U+3002, U+3008, U+3009, U+300a, U+300b, U+300c, U+300d, U+300e, U+300f, U+3010, U+3011, U+3014, U+3015, U+30fb, U+ff01, U+ff08, U+ff09, U+ff1a, U+ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 300;
  src: url("../../font/YakuHanJP/YakuHanJP/woff2/YakuHanJP-Light.woff2") format("woff2");
  unicode-range: U+3001, U+3002, U+3008, U+3009, U+300a, U+300b, U+300c, U+300d, U+300e, U+300f, U+3010, U+3011, U+3014, U+3015, U+30fb, U+ff01, U+ff08, U+ff09, U+ff1a, U+ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 400;
  src: url("../../font/YakuHanJP/YakuHanJP/woff2/YakuHanJP-Regular.woff2") format("woff2");
  unicode-range: U+3001, U+3002, U+3008, U+3009, U+300a, U+300b, U+300c, U+300d, U+300e, U+300f, U+3010, U+3011, U+3014, U+3015, U+30fb, U+ff01, U+ff08, U+ff09, U+ff1a, U+ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 500;
  src: url("../../font/YakuHanJP/YakuHanJP/woff2/YakuHanJP-Medium.woff2") format("woff2");
  unicode-range: U+3001, U+3002, U+3008, U+3009, U+300a, U+300b, U+300c, U+300d, U+300e, U+300f, U+3010, U+3011, U+3014, U+3015, U+30fb, U+ff01, U+ff08, U+ff09, U+ff1a, U+ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 600;
  src: url("../../font/YakuHanJP/YakuHanJP/woff2/YakuHanJP-SemiBold.woff2") format("woff2");
  unicode-range: U+3001, U+3002, U+3008, U+3009, U+300a, U+300b, U+300c, U+300d, U+300e, U+300f, U+3010, U+3011, U+3014, U+3015, U+30fb, U+ff01, U+ff08, U+ff09, U+ff1a, U+ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 700;
  src: url("../../font/YakuHanJP/YakuHanJP/woff2/YakuHanJP-Bold.woff2") format("woff2");
  unicode-range: U+3001, U+3002, U+3008, U+3009, U+300a, U+300b, U+300c, U+300d, U+300e, U+300f, U+3010, U+3011, U+3014, U+3015, U+30fb, U+ff01, U+ff08, U+ff09, U+ff1a, U+ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 800;
  src: url("../../font/YakuHanJP/YakuHanJP/woff2/YakuHanJP-ExtraBold.woff2") format("woff2");
  unicode-range: U+3001, U+3002, U+3008, U+3009, U+300a, U+300b, U+300c, U+300d, U+300e, U+300f, U+3010, U+3011, U+3014, U+3015, U+30fb, U+ff01, U+ff08, U+ff09, U+ff1a, U+ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 900;
  src: url("../../font/YakuHanJP/YakuHanJP/woff2/YakuHanJP-Black.woff2") format("woff2");
  unicode-range: U+3001, U+3002, U+3008, U+3009, U+300a, U+300b, U+300c, U+300d, U+300e, U+300f, U+3010, U+3011, U+3014, U+3015, U+30fb, U+ff01, U+ff08, U+ff09, U+ff1a, U+ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
html {
  scroll-behavior: smooth;
  /****** アンカーリンク用高さ調整 start  ******/
  scroll-padding-top: 180px;
  /******* アンカーリンク用高さ調整 end  *******/
}
html body {
  width: 100%;
  font-family: "Noto Sans JP", sans-serif;
  color: #0f1111;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "pkna" 1;
  font-size: clamp(1rem, 0.96rem + 0.2vw, 1.2rem);
  line-height: 1.2;
  letter-spacing: 0.1rem;
  position: relative;
  background-color: #fff8e6;
  overflow-x: hidden;
  overflow-y: scroll;
}

/*****************************************/
/*****  ヘッダー部分基本幅設定  start  *****/
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
.header_layout_width {
  width: 98%;
  margin: 0 auto;
}

/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/
/******  ヘッダー部分基本幅設定  end  ******/
/*****************************************/
img {
  max-width: 100%;
}

/*****************************************/
/****  コンテンツ部分基本幅設定  start  ****/
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
.layout_width_full {
  width: 90%;
  margin: 0 auto;
}

.layout_width {
  width: 80%;
  margin: 0 auto;
}

.layout_width_1024 {
  width: 1024px;
  margin: 0 auto;
}

.layout_width_830 {
  width: 830px;
  margin: 0 auto;
}

@media screen and (max-width: 1280px) {
  .layout_width {
    width: 100%;
    margin: 0 auto;
    padding: 0 2rem;
  }
}
@media screen and (max-width: 1024px) {
  .layout_width_1024 {
    width: 100%;
    padding: 0 2rem;
  }
  .layout_width_830 {
    width: 100%;
    padding: 0 2rem;
  }
}
@media screen and (max-width: 480px) {
  .layout_width {
    padding: 0 1rem;
  }
  .layout_width_830 {
    padding: 0 1rem;
  }
}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/
/*****  コンテンツ部分基本幅設定  end  *****/
/*****************************************/
/*****************************************/
/*****  セクション部分空白設定  start  *****/
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
section {
  padding: 5rem 0 5rem;
}

/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/
/******  セクション部分空白設定  end  ******/
/*****************************************/
.bgcolor {
  background-color: #fe0000;
}
.bgcolor div h2 {
  color: #ffffff;
}
.bgcolor div h2 b {
  color: #ffffff;
}

/*****************************************/
/*******  見出し[h2]部分設定  start  ******/
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
h2 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
}
h2 p {
  text-transform: uppercase;
  font-size: clamp(2.8rem, 2.76rem + 0.2vw, 3rem);
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  margin: 0.5rem 0 0 0;
}
h2 p::first-letter {
  color: #fe0000;
}
h2 p b {
  color: #fe0000;
}
h2 span {
  text-transform: uppercase;
  font-size: clamp(1.4rem, 1.36rem + 0.2vw, 1.6rem);
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
}
h2 span::first-letter {
  color: #fe0000;
}
h2 span b {
  color: #fe0000;
}

@media screen and (max-width: 768px) {
  section {
    margin: 0rem 0;
  }
  h2 {
    text-align: center;
    -moz-text-align-last: center;
         text-align-last: center;
  }
}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/
/********  見出し[h2]部分設定  end  *******/
/*****************************************/
/*****************************************/
/**********  マーカー設定  start  *********/
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
.marker_type1 {
  display: inline;
  background: linear-gradient(transparent 60%, rgba(255, 251, 0, 0.6) 55%);
  padding: 0 0.15rem;
  margin: 0 0.15rem;
  -webkit-text-emphasis: filled #fe0000;
  text-emphasis: filled #fe0000;
  font-weight: bold;
}

.marker_type2 {
  display: inline;
  background: linear-gradient(transparent 60%, rgb(255, 136, 0) 55%);
  padding: 0 0.15rem 0.25rem;
  margin: 1rem 0.15rem 0;
  -webkit-text-emphasis: filled rgb(255, 136, 0);
  text-emphasis: filled rgb(255, 136, 0);
}

.marker_type3 {
  display: inline;
  background: linear-gradient(transparent 60%, rgba(255, 251, 0, 0.6) 55%);
  padding: 0 0.15rem;
  margin: 0 0.15rem;
}

/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/
/***********  マーカー設定  end  **********/
/*****************************************/
/*****************************************/
/********フォトギャラリー上下中央設定*******/
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
#lightbox {
  width: 100%;
  height: 100svh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
}

/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/
/******  フォトギャラリー上下中央設定 ******/
/*****************************************/
/*****************************************/
/**********  パララックス  start  *********/
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
.parallax_imagebox {
  width: 100%;
  position: relative;
  overflow: hidden;
  background: transparent;
  min-height: 400px;
}
.parallax_imagebox .background {
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
}
.parallax_imagebox .bg_image_one {
  background-image: url("../../img/common/sample__bg.jpg");
}

@media screen and (max-width: 768px) {
  .parallax_imagebox {
    height: 400px;
  }
  .parallax_imagebox .background {
    background-position: bottom -20vh;
  }
}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/
/***********  パララックス  end  **********/
/*****************************************/
#breadcrumb {
  padding: 0rem 0;
  margin: 1rem 0;
}
#breadcrumb .breadcrumb__warp {
  display: flex;
  justify-content: left;
  align-items: flex-start;
}
#breadcrumb .breadcrumb__warp ol {
  display: flex;
}
#breadcrumb .breadcrumb__warp ol li {
  padding: 0 0.5rem;
  font-size: clamp(0.6rem, 0.56rem + 0.2vw, 0.8rem);
  font-weight: 800;
}
#breadcrumb .breadcrumb__warp ol li:first-child {
  padding: 0 1rem 0 0;
}

#header {
  width: 100%;
  position: fixed;
  z-index: 99999;
  top: 1rem;
  transition: all ease 1s;
}
#header .header__warp {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#header .header__warp--logo {
  width: 100%;
  max-width: 180px;
  display: block;
  transition: all ease 1s;
  display: flex;
  align-items: center;
}
#header .header__warp--logo figure {
  width: 100%;
  display: flex;
  align-items: center;
}
#header .header__warp--logo figure img {
  width: 100%;
  transition: all ease 1s;
}
#header .header__warp--menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  will-change: filter;
  transform: translateZ(0);
  perspective: 1000;
}
#header .header__warp--menu h2 {
  display: none;
}
#header .header__warp--menu--nav {
  margin: 0 1rem 0 0;
}
#header .header__warp--menu--nav ul {
  display: flex;
  align-items: center;
  background-color: #ffffff;
  border: solid 10px #000000;
  padding: 0.5rem 0.5rem 0.5rem 2rem;
  border-radius: 50px;
  transition: all ease 1s;
}
#header .header__warp--menu--nav ul li {
  position: relative;
}
#header .header__warp--menu--nav ul li a {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  text-align: center;
  height: 100%;
  padding: 0.5rem 0;
  margin: 0 1.5rem;
  display: flex;
  flex-flow: column;
  font-weight: bold;
}
#header .header__warp--menu--nav ul li a p {
  font-size: clamp(1rem, 0.96rem + 0.2vw, 1.2rem);
}
#header .header__warp--menu--nav ul li a span {
  text-transform: uppercase;
  font-size: clamp(0.6rem, 0.56rem + 0.2vw, 0.8rem);
  line-height: clamp(0.6rem, 0.56rem + 0.2vw, 0.8rem);
  margin: 0.25rem 0 0 0;
}
#header .header__warp--menu--nav ul li .facebook {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  background-color: #00B900;
  border: solid 2px #00B900;
  color: #ffffff !important;
  padding: 1rem 1em;
  margin: 0rem 0.5rem 0 1rem;
  border-radius: 50px;
  transition: all ease 0.5s;
}
#header .header__warp--menu--nav ul li .facebook:hover {
  color: #00B900 !important;
  background-color: #ffffff;
}
#header .header__warp--menu--nav ul li .facebook b {
  display: none;
}
#header .header__warp--menu--nav ul li div {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  text-align: center;
  height: 100%;
  padding: 0.25rem 1rem;
  margin: 0 0.25rem 0 1rem;
  display: flex;
  flex-flow: column;
  font-weight: bold;
  background-color: #171cf1;
  border-radius: 50px;
  color: #ffffff;
  border: solid 2px #171cf1;
  transition: all ease 0.5s;
}
#header .header__warp--menu--nav ul li div p {
  font-size: clamp(0.6rem, 0.56rem + 0.2vw, 0.8rem);
}
#header .header__warp--menu--nav ul li div span {
  font-size: clamp(0.4rem, 0.36rem + 0.2vw, 0.6rem);
  line-height: clamp(0.4rem, 0.36rem + 0.2vw, 0.6rem);
}
#header .header__warp--menu--nav ul li div:hover {
  background-color: #ffffff;
  color: #171cf1;
  cursor: pointer;
}
#header .header__warp--menu--nav ul .active::before {
  content: "●";
  font-size: clamp(0.8rem, 0.76rem + 0.2vw, 1rem);
  color: #0f1111;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  display: inline-block;
  background: rgb(241, 196, 15);
  background: radial-gradient(circle, rgb(241, 196, 15) 0%, rgba(243, 156, 18, 0.01) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#header .header__warp--sp {
  width: 48px;
  height: 48px;
  display: none;
  justify-content: center;
  align-items: center;
  margin: 2rem 1rem 2rem 1rem;
  transition: all ease 1s;
  background-color: #fe0000;
  padding: 0.5rem 0.75rem;
  border-radius: 5px;
  position: relative;
  z-index: 9999999;
}
#header .header__warp--sp #menu-btn {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  display: none;
}
#header .header__warp--sp--label {
  width: 100%;
  height: 18px;
  position: relative;
  z-index: 9999999;
}
#header .header__warp--sp--label span {
  width: 100%;
  height: 2px;
  background-color: #ffffff;
  position: absolute;
  transition: all ease 0.25s;
}
#header .header__warp--sp--label span:nth-child(1) {
  top: 0;
  left: 0;
}
#header .header__warp--sp--label span:nth-child(2) {
  top: 50%;
  left: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
#header .header__warp--sp--label span:nth-child(3) {
  bottom: 0;
  left: 0;
}
#header .header__warp--sp #menu-btn:checked ~ .header__warp--sp--label span:nth-child(1) {
  width: 100%;
  left: 17%;
  transform: rotate(45deg);
  transform-origin: 0 0;
}
#header .header__warp--sp #menu-btn:checked ~ .header__warp--sp--label span:nth-child(2) {
  opacity: 0;
}
#header .header__warp--sp #menu-btn:checked ~ .header__warp--sp--label span:nth-child(3) {
  width: 100%;
  left: 17%;
  transform: rotate(-45deg);
  transform-origin: 0 100%;
}

@media screen and (max-width: 1180px) {
  #header {
    top: 0;
  }
  #header .header__warp--logo {
    margin: 1rem 0 0 0rem;
  }
  #header .header__warp--menu {
    position: absolute;
    top: 0;
    right: -100vw;
    width: 100%;
    height: 100vh;
    z-index: 9999999;
    background-color: #fe0000;
    transition: all ease 1s;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
  }
  #header .header__warp--menu--nav {
    margin: 0 0rem 0 0;
    width: calc(100% - 2rem);
    max-width: 350px;
    margin: 0 1rem calc(100vh - 100svh);
  }
  #header .header__warp--menu--nav ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    margin: 0rem 0 0 0;
    padding: 2rem;
    border-radius: 25px;
    box-shadow: unset;
    background-color: #ffffff;
  }
  #header .header__warp--menu--nav ul li {
    width: 100%;
    border-bottom: solid 5px #fe0000;
    margin: 1rem 0 0 0;
  }
  #header .header__warp--menu--nav ul li a {
    display: block;
    width: 100%;
    position: relative;
    text-align: center;
    height: 100%;
    padding: 0.5rem 1rem;
    margin: 0;
    display: flex;
    flex-flow: column;
    color: #0f1111;
  }
  #header .header__warp--menu--nav ul li a p {
    font-size: clamp(0.9rem, 0.86rem + 0.2vw, 1.1rem);
    font-weight: bold;
    text-wrap: nowrap;
  }
  #header .header__warp--menu--nav ul li a span {
    font-size: clamp(0.4rem, 0.36rem + 0.2vw, 0.6rem);
    font-weight: bold;
    text-transform: uppercase;
    margin: 0.25rem auto 0;
  }
  #header .header__warp--menu--nav ul li .facebook {
    width: -moz-fit-content;
    width: fit-content;
    height: auto;
    padding: 0.5rem 2rem;
    margin: 2rem 0 0 0;
    display: flex;
    flex-flow: row;
    color: #ffffff !important;
  }
  #header .header__warp--menu--nav ul li .facebook b {
    display: block;
    margin: 0 0 0 0.25rem;
  }
  #header .header__warp--menu--nav ul li:nth-child(6) div {
    width: -moz-fit-content;
    width: fit-content;
    padding: 0.25rem 2rem;
    margin: 1.5rem 0rem 0;
  }
  #header .header__warp--menu--nav ul .active::before {
    display: none;
  }
  #header .header__warp--sp {
    display: flex;
    margin: 1rem 1rem 1rem 1rem;
  }
  .fixed .header__warp--menu--nav nav ul li a {
    color: #ffffff !important;
  }
}
@media screen and (max-width: 768px) {
  #header {
    width: 100%;
  }
  #header .header__warp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.5rem;
  }
  #header .header__warp--logo {
    width: 100px;
    display: block;
    transition: all ease 1s;
  }
  #header .header__warp--menu--contactbox--telbox--tel a figure svg {
    fill: #fe0000;
  }
  #header .header__warp--sp {
    margin: 1rem 0 1rem 1rem;
    transition: all ease 1s;
  }
}
.fixed {
  position: fixed !important;
  top: 0;
  left: 0;
  z-index: 999999999;
  transition: 1s;
  padding: 0.5rem 0rem !important;
}
.fixed .header__warp .header__warp--logo {
  max-width: 120px !important;
  min-width: 120px !important;
}
.fixed .header__warp .header__warp--logo figure img {
  filter: unset !important;
}
.fixed .header__warp .header__warp--menu .header__warp--menu--nav nav ul {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.fixed .header__warp .header__warp--menu .header__warp--menu--nav nav ul li:last-child a p {
  color: #ffffff !important;
}
.fixed .header__warp .header__warp--menu .header__warp--menu--nav nav ul li:last-child a span {
  color: #ffffff !important;
}
.fixed .header__warp .header__warp--menu .header__warp--menu--nav nav ul li:last-child:hover a p {
  color: #171cf1 !important;
}
.fixed .header__warp .header__warp--menu .header__warp--menu--nav nav ul li:last-child:hover a span {
  color: #171cf1 !important;
}
.fixed .header__warp .header__warp--sp {
  margin: 0rem 0rem 1rem 1rem !important;
}
.fixed .header__warp .header__warp--sp .header__warp--sp--label span {
  background-color: #ffffff !important;
}

#floating {
  position: fixed;
  top: 50%;
  right: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  z-index: 99999;
  display: flex;
  flex-flow: column;
}
#floating li {
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  margin: 0.25rem 0;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
#floating li a {
  text-transform: uppercase;
  color: #ffffff;
  font-size: clamp(1.6rem, 1.56rem + 0.2vw, 1.8rem);
  padding: 1rem 0.5rem 1rem 0.5rem;
  writing-mode: vertical-rl;
  font-weight: 800;
  display: flex;
  align-items: center;
  text-wrap: nowrap;
}
#floating li:nth-child(1) {
  background-color: #fe0000;
}
#floating li:nth-child(2) {
  background-color: #171cf1;
}
#floating li:nth-child(3) {
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
}
#floating li:nth-child(4) {
  background-color: #00B900;
}

@media screen and (max-width: 768px) {
  #floating {
    display: none;
  }
}
_:lang(x) + _:-webkit-full-screen-document,
#floating {
  right: -24px;
}
_:lang(x) + _:-webkit-full-screen-document li,
#floating li {
  border: none;
}

_:lang(x)::-moz-placeholder,
#floating {
  right: -24px;
}
_:lang(x)::-moz-placeholder li,
#floating li {
  border: none;
}

#mainvisual {
  width: 100%;
  height: 100vh;
  position: relative;
  padding: 0;
  overflow: hidden;
}
#mainvisual .wrapper {
  position: absolute;
  bottom: 7.5%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  z-index: 9;
  display: flex;
  justify-content: center;
  align-items: center;
}
#mainvisual .wrapper .col {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mainvisual .scroll-down-box {
  display: block;
  position: relative;
  text-decoration: none;
}
#mainvisual .scroll-down-box svg {
  fill: #fff;
}
#mainvisual .scroll-down-box.alt svg {
  fill: #fff;
}
#mainvisual .scroll-down-box .scroll-text {
  width: 100px;
  height: auto;
  animation: rotation 10s infinite linear;
}
#mainvisual .scroll-down-box.alt .scroll-text {
  animation: none;
}
#mainvisual .scroll-down-box.alt:hover .scroll-text {
  animation: rotation 10s infinite linear;
}
#mainvisual .scroll-down-box .scroll-icon {
  width: 25px;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.2s ease-in;
}
#mainvisual .scroll-down-box.alt .scroll-icon {
  width: 35px;
}
#mainvisual .scroll-down-box:hover .scroll-icon {
  animation: move 1s infinite linear;
}
#mainvisual .scroll-down-box.alt:hover .scroll-icon {
  animation: none;
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
@keyframes move {
  0% {
    transform: translate(-50%, -50%);
  }
  25% {
    transform: translate(-50%, -35%);
  }
  50% {
    transform: translate(-50%, -50%);
  }
  75% {
    transform: translate(-50%, -65%);
  }
  100% {
    transform: translate(-50%, -50%);
  }
}
#mainvisual .mainvisual__bg {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
}
#mainvisual .mainvisual__bg img {
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
}
#mainvisual .mainvisual__warp {
  width: 100%;
  height: 100vh;
  position: relative;
  display: flex;
  justify-content: space-between;
}
#mainvisual .mainvisual__warp--leftimage {
  width: 55%;
  overflow: hidden;
  -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
          clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
#mainvisual .mainvisual__warp--leftimage img {
  width: auto;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
}
#mainvisual .mainvisual__warp--leftimage::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(177, 255, 8, 0.7);
  position: absolute;
  top: 0;
  left: 0;
}
#mainvisual .mainvisual__warp--leftimage--Animationtxt {
  position: absolute;
  bottom: 55%;
  left: -20%;
  z-index: 2;
  padding: 10vw 10vw;
  transform: rotate(-15deg);
  display: flex;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  opacity: 1;
}
#mainvisual .mainvisual__warp--leftimage--Animationtxt::before, #mainvisual .mainvisual__warp--leftimage--Animationtxt::after {
  content: "";
  background-image: url("../../img/home/mainvisual/sell.svg");
  background-repeat: repeat;
  position: relative;
  overflow: hidden;
  width: 200vw;
  height: 150vh;
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  font-size: clamp(3.8rem, 3.36rem + 2.2vw, 6rem);
  color: #ffffff;
  line-height: 1;
  text-align: center;
  z-index: 9;
  text-wrap: nowrap;
}
#mainvisual .mainvisual__warp--leftimage--Animationtxt::before {
  left: 0;
  animation: flowimg-r 30s linear infinite;
  -webkit-animation: flowimg 30s linear infinite;
}
#mainvisual .mainvisual__warp--leftimage--Animationtxt::after {
  left: 20px;
  animation: flowimg-r 30s linear infinite;
  -webkit-animation: flowimg 30s linear infinite;
}
#mainvisual .mainvisual__warp--rightimage {
  width: 55%;
  overflow: hidden;
  -webkit-clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
#mainvisual .mainvisual__warp--rightimage img {
  width: auto;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
}
#mainvisual .mainvisual__warp--rightimage::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(255, 165, 0, 0.7);
  position: absolute;
  top: 0;
  right: 0;
}
#mainvisual .mainvisual__warp--rightimage--Animationtxt {
  position: absolute;
  bottom: 55%;
  z-index: 2;
  padding: 10vw 10vw;
  transform: rotate(-15deg);
  display: flex;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  opacity: 1;
}
#mainvisual .mainvisual__warp--rightimage--Animationtxt::before, #mainvisual .mainvisual__warp--rightimage--Animationtxt::after {
  content: "";
  background-image: url("../../img/home/mainvisual/buy.svg");
  background-repeat: repeat;
  position: relative;
  overflow: hidden;
  width: 200vw;
  height: 150vh;
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  font-size: clamp(3.8rem, 3.36rem + 2.2vw, 6rem);
  color: #ffffff;
  line-height: 1;
  text-align: center;
  z-index: 9;
  text-wrap: nowrap;
}
#mainvisual .mainvisual__warp--rightimage--Animationtxt::before {
  left: 0;
  animation: flowimg 30s linear infinite;
  -webkit-animation: flowimg 30s linear infinite;
}
#mainvisual .mainvisual__warp--rightimage--Animationtxt::after {
  left: 20px;
  animation: flowimg 30s linear infinite;
  -webkit-animation: flowimg 30s linear infinite;
}
#mainvisual .mainvisual__warp--catchbox {
  width: 60%;
  min-width: 300px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 3;
}
#mainvisual .mainvisual__warp--catchbox--big {
  width: 100%;
}
#mainvisual .mainvisual__warp--catchbox--small {
  width: 90%;
  min-width: 280px;
  margin: 0 auto;
}
#mainvisual .mainvisual__warp--fuki {
  width: 80%;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -60%);
  -webkit-transform: translate(-50%, -60%);
  -ms-transform: translate(-50%, -60%);
  display: flex;
  justify-content: space-between;
  z-index: 4;
}
#mainvisual .mainvisual__warp--fuki--point_left {
  width: 15%;
  min-width: 100px;
  position: relative;
  z-index: 2;
}
#mainvisual .mainvisual__warp--fuki--point_right {
  width: 15%;
  min-width: 100px;
  position: relative;
  z-index: 2;
}
#mainvisual .mainvisual__warp--leftbox {
  width: 50%;
  height: 100vh;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
#mainvisual .mainvisual__warp--leftbox--boy {
  width: 40%;
  min-width: 150px;
  height: auto;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 4;
}
#mainvisual .mainvisual__warp--leftbox::after {
  content: "";
  width: 70%;
  min-width: 200px;
  height: auto;
  aspect-ratio: 1/1;
  background-image: url("../../img/home/mainvisual/left_boy_bg.svg");
  background-position: left bottom;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}
#mainvisual .mainvisual__warp--leftbox a {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #171cf1;
  background-image: radial-gradient(#4d52ff 30%, transparent 31.5%), radial-gradient(#4d52ff 30%, transparent 31.5%);
  background-position: 0 0, 26px 26px;
  background-size: 52px 52px;
  padding: 0.5rem 5rem;
  border-radius: 50px;
  border: solid 10px #000000;
  margin: 0 auto 7.5%;
  position: relative;
  z-index: 4;
  overflow: hidden;
  transition: all ease 1s;
}
#mainvisual .mainvisual__warp--leftbox a::before {
  content: "";
  /*絶対配置でキラッと光るの位置を決める*/
  position: absolute;
  top: 0;
  left: -75%;
  /*キラッと光る形状*/
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  transform: skewX(-25deg);
  animation: shine 0.7s infinite;
  animation-duration: 3s;
}
#mainvisual .mainvisual__warp--leftbox a figure {
  width: 56px;
  aspect-ratio: 1/1;
}
#mainvisual .mainvisual__warp--leftbox a figure img {
  width: auto;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
}
#mainvisual .mainvisual__warp--leftbox a strong {
  margin: 0 0 0 1rem;
  color: #ffffff;
  font-size: clamp(2rem, 1.96rem + 0.2vw, 2.2rem);
  text-wrap: nowrap;
}
#mainvisual .mainvisual__warp--leftbox a:hover {
  transform: scale(1.2);
}
#mainvisual .mainvisual__warp--rightbox {
  width: 50%;
  height: 100vh;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
#mainvisual .mainvisual__warp--rightbox--girl {
  width: 35%;
  min-width: 150px;
  height: auto;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 4;
}
#mainvisual .mainvisual__warp--rightbox::after {
  content: "";
  width: 70%;
  min-width: 200px;
  height: auto;
  aspect-ratio: 1/1;
  background-image: url("../../img/home/mainvisual/right_girl_bg.svg");
  background-position: right bottom;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
}
#mainvisual .mainvisual__warp--rightbox a {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fe0000;
  background-image: radial-gradient(#fd4b4b 30%, transparent 31.5%), radial-gradient(#fd4b4b 30%, transparent 31.5%);
  background-position: 0 0, 26px 26px;
  background-size: 52px 52px;
  padding: 0.5rem 5rem;
  border-radius: 50px;
  border: solid 10px #000000;
  margin: 0 auto 7.5%;
  position: relative;
  z-index: 4;
  overflow: hidden;
  transition: all ease 1s;
}
#mainvisual .mainvisual__warp--rightbox a::before {
  content: "";
  /*絶対配置でキラッと光るの位置を決める*/
  position: absolute;
  top: 0;
  left: -75%;
  /*キラッと光る形状*/
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  transform: skewX(-25deg);
  animation: shine 0.7s infinite;
  animation-duration: 3s;
}
#mainvisual .mainvisual__warp--rightbox a figure {
  width: 56px;
  aspect-ratio: 1/1;
}
#mainvisual .mainvisual__warp--rightbox a figure img {
  width: auto;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
}
#mainvisual .mainvisual__warp--rightbox a strong {
  margin: 0 0 0 1rem;
  color: #ffffff;
  font-size: clamp(2rem, 1.96rem + 0.2vw, 2.2rem);
  text-wrap: nowrap;
}
#mainvisual .mainvisual__warp--rightbox a:hover {
  transform: scale(1.2);
}

@keyframes flowimg {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@media screen and (max-width: 480px) {
  .flowimg {
    padding: 40px 10vw;
  }
}
@keyframes flowimg-r {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@media screen and (max-width: 480px) {
  .flowimg {
    padding: 40px 10vw;
  }
}
@keyframes shine {
  50% {
    left: 125%;
  }
  100% {
    left: 125%;
  }
}
@media screen and (max-width: 1024px) {
  #mainvisual {
    width: 100%;
    height: 100vh;
    position: relative;
    padding: 0;
    overflow: hidden;
  }
  #mainvisual .wrapper {
    position: absolute;
    bottom: 7.5%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    z-index: 9;
    display: flex;
  }
  #mainvisual .mainvisual__bg {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
  }
  #mainvisual .mainvisual__bg img {
    width: 100%;
    height: 100vh;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #mainvisual .mainvisual__warp {
    width: 100%;
    height: 100vh;
    position: relative;
    display: flex;
    justify-content: space-between;
  }
  #mainvisual .mainvisual__warp--leftimage {
    width: 50%;
    overflow: hidden;
    -webkit-clip-path: unset;
            clip-path: unset;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
  }
  #mainvisual .mainvisual__warp--leftimage img {
    width: auto;
    height: 100vh;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #mainvisual .mainvisual__warp--leftimage::after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(177, 255, 8, 0.7);
    position: absolute;
    top: 0;
    left: 0;
  }
  #mainvisual .mainvisual__warp--leftimage--Animationtxt {
    position: absolute;
    top: -25%;
    z-index: 2;
    padding: 10vw 10vw;
    transform: rotate(-15deg);
    display: flex;
    justify-content: center;
    width: -moz-fit-content;
    width: fit-content;
    opacity: 0.4;
  }
  #mainvisual .mainvisual__warp--rightimage {
    width: 50%;
    overflow: hidden;
    -webkit-clip-path: unset;
            clip-path: unset;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
  }
  #mainvisual .mainvisual__warp--rightimage img {
    width: auto;
    height: 100vh;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #mainvisual .mainvisual__warp--rightimage::after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(255, 165, 0, 0.7);
    position: absolute;
    top: 0;
    right: 0;
  }
  #mainvisual .mainvisual__warp--rightimage--Animationtxt {
    position: absolute;
    bottom: 55%;
    z-index: 2;
    padding: 10vw 10vw;
    transform: rotate(-15deg);
    display: flex;
    justify-content: center;
    width: -moz-fit-content;
    width: fit-content;
    opacity: 0.4;
  }
  #mainvisual .mainvisual__warp--catchbox {
    width: 80%;
  }
  #mainvisual .mainvisual__warp--catchbox--big {
    width: 100%;
  }
  #mainvisual .mainvisual__warp--catchbox--small {
    width: 80%;
    min-width: 220px;
    margin: 0 auto;
  }
  #mainvisual .mainvisual__warp--fuki {
    width: calc(100% - 2rem);
  }
  #mainvisual .mainvisual__warp--leftbox {
    width: 50%;
    height: 100vh;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }
  #mainvisual .mainvisual__warp--leftbox--boy {
    width: 40%;
    height: auto;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 4;
  }
  #mainvisual .mainvisual__warp--leftbox a {
    border: solid 5px #000000;
    padding: 0.5rem 2rem;
  }
  #mainvisual .mainvisual__warp--leftbox a figure {
    width: 56px;
    min-width: 30px;
    aspect-ratio: 1/1;
  }
  #mainvisual .mainvisual__warp--leftbox a strong {
    margin: 0 0 0 0.5rem;
    color: #ffffff;
    font-size: clamp(1.2rem, 1.16rem + 0.2vw, 1.4rem);
    text-wrap: nowrap;
  }
  #mainvisual .mainvisual__warp--leftbox a:hover {
    transform: scale(1.2);
  }
  #mainvisual .mainvisual__warp--rightbox {
    width: 50%;
    height: 100vh;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }
  #mainvisual .mainvisual__warp--rightbox--girl {
    width: 35%;
    height: auto;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 4;
  }
  #mainvisual .mainvisual__warp--rightbox a {
    border: solid 5px #000000;
    padding: 0.5rem 2rem;
  }
  #mainvisual .mainvisual__warp--rightbox a figure {
    width: 56px;
    min-width: 30px;
    aspect-ratio: 1/1;
  }
  #mainvisual .mainvisual__warp--rightbox a strong {
    margin: 0 0 0 0.5rem;
    color: #ffffff;
    font-size: clamp(1.2rem, 1.16rem + 0.2vw, 1.4rem);
    text-wrap: nowrap;
  }
  #mainvisual .mainvisual__warp--rightbox a:hover {
    transform: scale(1.2);
  }
}
@media screen and (max-width: 768px) {
  #mainvisual .wrapper {
    bottom: 20%;
  }
}
@media screen and (max-width: 480px) {
  #mainvisual {
    width: 100%;
    height: 100svh;
  }
  #mainvisual .wrapper {
    bottom: 15%;
  }
  #mainvisual .mainvisual__bg {
    height: 100svh;
  }
  #mainvisual .mainvisual__bg img {
    height: 100svh;
  }
  #mainvisual .mainvisual__warp {
    height: 100svh;
  }
  #mainvisual .mainvisual__warp--leftbox {
    height: 100svh;
  }
  #mainvisual .mainvisual__warp--leftbox a strong {
    font-size: clamp(1rem, 0.96rem + 0.2vw, 1.2rem);
  }
  #mainvisual .mainvisual__warp--rightbox {
    height: 100svh;
  }
  #mainvisual .mainvisual__warp--rightbox a strong {
    font-size: clamp(1rem, 0.96rem + 0.2vw, 1.2rem);
  }
  #mainvisual .mainvisual__warp--leftimage--Animationtxt {
    top: -25%;
  }
  #mainvisual .mainvisual__warp--rightimage--Animationtxt {
    bottom: 67.5%;
  }
}
#blog {
  position: relative;
  width: 90%;
  margin: 0 auto;
}
#blog::after {
  content: "";
  width: 20%;
  aspect-ratio: 1/1;
  background-image: url("../../img/home/blog/blog_girl.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  bottom: -5rem;
  right: 0;
}
#blog .blog__warp h2 p {
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  font-size: 1.5rem;
  margin-top: 50px;
}
#blog .blog__warp h2 p::first-letter {
  color: #fe0000;
}
#blog .blog__warp--box {
  width: 100%;
  margin: 4rem 0 0 0;
}
#blog .blog__warp--box--listbox {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
}
#blog .blog__warp--box--listbox--list {
  width: 100%;
  border: solid 10px #000000;
  position: relative;
  background-color: #000000;
  transition: all ease 1s;
}
#blog .blog__warp--box--listbox--list:hover {
  transform: scale(1.2);
}
#blog .blog__warp--box--listbox--list:first-child::before {
  content: "";
  position: absolute;
  left: -15%;
  top: -25%;
  width: 40%;
  aspect-ratio: 4/3;
  background-image: url("../../img/home/blog/blog_new.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 2;
}
#blog .blog__warp--box--listbox--list--link {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}
#blog .blog__warp--box--listbox--list--link--images {
  width: 100%;
  aspect-ratio: 4/3;
  overflow: hidden;
  border-bottom: solid 10px #000000;
}
#blog .blog__warp--box--listbox--list--link--images img {
  width: 100%;
  aspect-ratio: 4/3;
  -o-object-fit: cover;
     object-fit: cover;
}
#blog .blog__warp--box--listbox--list--link--item {
  height: 100%;
}
#blog .blog__warp--box--listbox--list--link--item--h3 {
  width: 100%;
  height: 100%;
  line-height: 1;
  padding: calc(1rem - 10px) 1rem calc(1rem - 10px) 0.5rem;
}
#blog .blog__warp--box--listbox--list--link--item--h3 b {
  color: #ffffff;
}
#blog .blog__warp--box--listbox--list--link--item--time {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  padding: 1rem;
  background-color: #ffff01;
  font-weight: 800;
  border-left: solid 10px #000000;
  border-bottom: solid 10px #000000;
  font-family: "Montserrat", sans-serif;
}
#blog .blog__warp--box--listbox--list--link--item--cat {
  display: none;
}
#blog .blog__warp--box--listbox--list--link--item--txt {
  display: none;
}
#blog .blog__warp--box--listbox--list--link--item--read {
  display: none;
}
#blog .scroll-hint {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /* table 全体を覆う */
  height: 100%;
  /* table 全体を覆う */
  /* 背景を半透明の黒に */
  /* テキストを白に */
  display: flex;
  /* 中央揃えのためにフレックスボックスを使用 */
  justify-content: center;
  /* 水平方向に中央揃え */
  align-items: center;
  /* 垂直方向に中央揃え */
  font-size: 1.2rem;
  font-weight: bold;
  z-index: 10;
  /* 背景よりも上に表示 */
  pointer-events: none;
  /* クリック操作を無効化 */
  display: none;
  /* 初期は非表示 */
}
#blog .scroll-hint p {
  position: absolute;
  top: 60%;
  /* 親要素の高さの50% */
  left: 50%;
  /* 親要素の幅の50% */
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(30px);
  /* 背景のぼかし */
  -webkit-backdrop-filter: blur(30px);
  /* Safari対応 */
  /* 背景を白に */
  border-radius: 50%;
  /* 円形にする */
  aspect-ratio: 1;
  /* 正円を保つ */
  width: 100%;
  max-width: 200px;
  /* 円形の直径を設定 */
  align-self: 1;
  /* 明示的に高さを設定 */
  display: flex;
  /* テキストを円形の中央に配置 */
  justify-content: center;
  /* 水平方向の中央揃え */
  align-items: center;
  /* 垂直方向の中央揃え */
  /* テキストサイズを調整 */
  color: #333;
  /* テキストの色を指定 */
  font-weight: bold;
  /* テキストを強調 */
  z-index: 20;
  /* 背景より前面に配置 */
  animation: hint-blink 1s infinite;
  /* 点滅アニメーション */
  font-family: "BIZ UDPGothic", sans-serif;
  font-size: clamp(0.7rem, 0.66rem + 0.2vw, 0.9rem);
}
#blog .scroll-hint p p {
  z-index: 21;
}
#blog .scroll-hint p::before {
  position: absolute;
  top: 70%;
  /* 親要素の高さの50% */
  left: 50%;
  /* 親要素の幅の50% */
  transform: translate(-50%, -50%);
  font-family: "Font Awesome 6 Free";
  /* Font Awesomeのフォントを指定 */
  content: "\f25a";
  /* 表示したいアイコンのUnicode */
  font-weight: 900;
  /* フォントのスタイルに応じたウェイトを設定 */
  margin-right: 0.5rem;
  font-size: clamp(2.3rem, 2.26rem + 0.2vw, 2.5rem);
  animation: scroll-prompt 2s linear infinite;
  /* アニメーション適用 */
}
#blog .scroll-hint p::after {
  position: absolute;
  top: 30%;
  /* 親要素の高さの50% */
  left: 50%;
  /* 親要素の幅の50% */
  transform: translate(-50%, -50%);
  font-family: "Font Awesome 6 Free";
  /* Font Awesomeのフォントを指定 */
  content: "\f0ec";
  /* 表示したいアイコンのUnicode */
  font-weight: 900;
  /* フォントのスタイルに応じたウェイトを設定 */
  margin-right: 0.5rem;
  font-size: clamp(2.3rem, 2.26rem + 0.2vw, 2.5rem);
}
@keyframes hint-blink {
  0%, 100% {
    opacity: 1;
    -webkit-backdrop-filter: blur(30px);
            backdrop-filter: blur(30px);
  }
  50% {
    opacity: 0.7;
    -webkit-backdrop-filter: blur(30px);
            backdrop-filter: blur(30px);
  }
}
@keyframes scroll-prompt {
  0% {
    transform: translateX(-50px);
  }
  50% {
    transform: translateX(0px);
    opacity: 0.3;
  }
  100% {
    transform: translateX(50px);
    opacity: 0;
  }
}

@media screen and (max-width: 1280px) {
  #blog {
    position: relative;
  }
  #blog::after {
    content: "";
    width: 20%;
    bottom: -5rem;
    right: -3rem;
  }
}
@media screen and (max-width: 1024px) {
  #blog::after {
    content: "";
    width: 20%;
    min-width: 150px;
    bottom: -5rem;
    right: 0;
  }
  #blog .blog__warp--box--listbox {
    flex-wrap: wrap;
  }
  #blog .blog__warp--box--listbox--list {
    border: solid 5px #000000;
  }
  #blog .blog__warp--box--listbox--list:first-child::before {
    left: -5%;
  }
  #blog .blog__warp--box--listbox--list:nth-child(4) {
    display: block;
  }
  #blog .blog__warp--box--listbox--list--link--item--h3 {
    padding: calc(1rem - 5px) 1rem calc(1rem - 5px) 0.5rem;
  }
  #blog .blog__warp--box--listbox--list--link--item--time {
    padding: 0.5rem;
    border-left: solid 5px #000000;
    border-bottom: solid 5px #000000;
  }
}
@media screen and (max-width: 768px) {
  #blog::after {
    content: "";
    width: 35%;
    min-width: 150px;
    bottom: -5rem;
    right: 0;
  }
  #blog .blog__warp {
    overflow-x: scroll;
    overflow-y: hidden;
  }
  #blog .blog__warp--box--listbox {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 900%;
    gap: 0;
  }
  #blog .blog__warp--box--listbox--list {
    width: 80%;
    margin: 0 auto;
    border: solid 5px #000000;
  }
  #blog .blog__warp--box--listbox--list--link--item--h3 {
    width: 80%;
    padding: calc(1rem - 5px) 1rem calc(1rem - 5px) 0.5rem;
  }
  #blog .blog__warp--box--listbox--list--link--item--time {
    padding: 0.5rem;
    border-left: solid 5px #000000;
    border-bottom: solid 5px #000000;
  }
  #blog .blog__warp .scroll-hint {
    display: block;
  }
}
@media screen and (max-width: 480px) {
  #blog::after {
    content: "";
    width: 40%;
    min-width: 150px;
    bottom: -2.5rem;
    right: 0;
  }
}
#contents {
  background-color: #DCF8FF;
  background-image: radial-gradient(#9DD3F8 27%, transparent 28.5%), radial-gradient(#9DD3F8 27%, transparent 28.5%);
  background-position: 0 0, 19px 19px;
  background-size: 38px 38px;
}
#contents .contents__warp--listbox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 40px;
  margin: 4rem 0 0 0;
}
#contents .contents__warp--listbox--list {
  position: relative;
  border: solid 10px #000000;
  position: relative;
  transition: all ease 0.5s;
  z-index: 1;
}
#contents .contents__warp--listbox--list:hover {
  transform: scale(1.1);
  z-index: 2;
}
#contents .contents__warp--listbox--list:hover::before {
  content: "";
  position: absolute;
  right: -80px;
  top: -70px;
  background-image: url("../../img/home/contents/mark.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 120px;
  aspect-ratio: 1/1;
  z-index: 5;
}
#contents .contents__warp--listbox--list a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 150px;
  padding: 4rem 0;
}
#contents .contents__warp--listbox--list a h3 {
  position: relative;
  z-index: 2;
  font-size: clamp(2.4rem, 2.36rem + 0.2vw, 2.6rem);
  color: #ffffff;
  font-weight: 800;
  width: 100%;
  text-align: center;
  text-shadow: -1px 1px 0px rgb(0, 0, 0), -2px 1px 0px rgb(0, 0, 0), -3px 1px 0px rgb(0, 0, 0), -4px 1px 0px rgb(0, 0, 0), -1px 2px 0px rgb(0, 0, 0), -2px 2px 0px rgb(0, 0, 0), -3px 2px 0px rgb(0, 0, 0), -4px 2px 0px rgb(0, 0, 0), -1px 3px 0px rgb(0, 0, 0), -2px 3px 0px rgb(0, 0, 0), -3px 3px 0px rgb(0, 0, 0), -4px 3px 0px rgb(0, 0, 0), -1px 4px 0px rgb(0, 0, 0), -2px 4px 0px rgb(0, 0, 0), -3px 4px 0px rgb(0, 0, 0), -4px 4px 0px rgb(0, 0, 0), -1px -1px 0px rgb(0, 0, 0), -2px -1px 0px rgb(0, 0, 0), -3px -1px 0px rgb(0, 0, 0), -4px -1px 0px rgb(0, 0, 0), -1px -2px 0px rgb(0, 0, 0), -2px -2px 0px rgb(0, 0, 0), -3px -2px 0px rgb(0, 0, 0), -4px -2px 0px rgb(0, 0, 0), -1px -3px 0px rgb(0, 0, 0), -2px -3px 0px rgb(0, 0, 0), -3px -3px 0px rgb(0, 0, 0), -4px -3px 0px rgb(0, 0, 0), -1px -4px 0px rgb(0, 0, 0), -2px -4px 0px rgb(0, 0, 0), -3px -4px 0px rgb(0, 0, 0), -4px -4px 0px rgb(0, 0, 0), 1px -1px 0px rgb(0, 0, 0), 1px -2px 0px rgb(0, 0, 0), 1px -3px 0px rgb(0, 0, 0), 1px -4px 0px rgb(0, 0, 0), 2px -1px 0px rgb(0, 0, 0), 2px -2px 0px rgb(0, 0, 0), 2px -4px 0px rgb(0, 0, 0), 3px -1px 0px rgb(0, 0, 0), 3px -2px 0px rgb(0, 0, 0), 3px -3px 0px rgb(0, 0, 0), 3px -4px 0px rgb(0, 0, 0), 4px -1px 0px rgb(0, 0, 0), 4px -2px 0px rgb(0, 0, 0), 4px -3px 0px rgb(0, 0, 0), 4px -4px 0px rgb(0, 0, 0), 1px 1px 0px rgb(0, 0, 0), 1px 2px 0px rgb(0, 0, 0), 1px 3px 0px rgb(0, 0, 0), 1px 4px 0px rgb(0, 0, 0), 2px 1px 0px rgb(0, 0, 0), 2px 2px 0px rgb(0, 0, 0), 2px 3px 0px rgb(0, 0, 0), 2px 4px 0px rgb(0, 0, 0), 3px 1px 0px rgb(0, 0, 0), 3px 3px 0px rgb(0, 0, 0), 3px 3px 0px rgb(0, 0, 0), 3px 4px 0px rgb(0, 0, 0), 4px 1px 0px rgb(0, 0, 0), 4px 2px 0px rgb(0, 0, 0), 4px 3px 0px rgb(0, 0, 0), 4px 4px 0px rgb(0, 0, 0), 0px 1px 0px rgb(0, 0, 0), 0px 2px 0px rgb(0, 0, 0), 0px 3px 0px rgb(0, 0, 0), 0px 4px 0px rgb(0, 0, 0), 0px -1px 0px rgb(0, 0, 0), 0px -2px 0px rgb(0, 0, 0), 0px -3px 0px rgb(0, 0, 0), 0px -4px 0px rgb(0, 0, 0);
}
#contents .contents__warp--listbox--list a figure {
  position: absolute;
  z-index: 2;
}
#contents .contents__warp--listbox--list:nth-child(1) {
  width: calc(50% - 20px);
  background-color: #00af50;
  background-image: radial-gradient(#edfb90 11%, transparent 12.5%), radial-gradient(#edfb90 11%, transparent 12.5%);
  background-position: 0 0, 11px 11px;
  background-size: 22px 22px;
}
#contents .contents__warp--listbox--list:nth-child(1) a figure {
  width: 30%;
  bottom: 0;
  left: 0;
}
#contents .contents__warp--listbox--list:nth-child(2) {
  width: calc(50% - 20px);
  background-size: auto auto;
  background-color: rgb(255, 255, 1);
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(255, 163, 1, 0.85) 10px, rgba(255, 163, 1, 0.85) 20px);
}
#contents .contents__warp--listbox--list:nth-child(2) a figure {
  width: 30%;
  bottom: 0;
  left: 0;
}
#contents .contents__warp--listbox--list:nth-child(3) {
  width: calc(30% - 40px);
  background-size: auto auto;
  background-color: rgb(255, 163, 163);
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 10px, rgb(255, 220, 220) 10px, rgb(255, 220, 220) 20px);
}
#contents .contents__warp--listbox--list:nth-child(3) a figure {
  width: 50%;
  bottom: 0;
  left: 0;
}
#contents .contents__warp--listbox--list:nth-child(4) {
  width: calc(45% - 40px);
  background-color: #fe0000;
}
#contents .contents__warp--listbox--list:nth-child(4)::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("../../img/home/contents/contents_bg.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.2;
}
#contents .contents__warp--listbox--list:nth-child(4) a figure {
  width: 70%;
  max-width: 350px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
#contents .contents__warp--listbox--list:nth-child(5) {
  width: calc(25% - 40px);
  background-color: #171cf1;
  background-image: radial-gradient(#9094fd 14%, transparent 15.5%), radial-gradient(#9094fd 14%, transparent 15.5%);
  background-position: 0 0, 10px 10px;
  background-size: 20px 20px;
}
#contents .contents__warp--listbox--list:nth-child(5) a figure {
  width: 60%;
  bottom: 0;
  left: 0;
}

@media screen and (max-width: 1024px) {
  #contents .contents__warp--listbox--list {
    border: solid 5px #000000;
  }
  #contents .contents__warp--listbox--list a h3 {
    font-size: clamp(1.8rem, 1.76rem + 0.2vw, 2rem);
  }
  #contents .contents__warp--listbox--list:hover {
    transform: scale(1.05);
  }
  #contents .contents__warp--listbox--list:hover::before {
    width: 100px;
  }
  #contents .contents__warp--listbox--list:nth-child(1) {
    width: calc(50% - 20px);
    order: 1;
  }
  #contents .contents__warp--listbox--list:nth-child(2) {
    width: calc(50% - 20px);
    order: 1;
  }
  #contents .contents__warp--listbox--list:nth-child(3) {
    width: calc(50% - 20px);
    order: 3;
  }
  #contents .contents__warp--listbox--list:nth-child(3) a figure {
    width: 30%;
  }
  #contents .contents__warp--listbox--list:nth-child(4) {
    width: 100%;
    order: 5;
  }
  #contents .contents__warp--listbox--list:nth-child(5) {
    width: calc(50% - 20px);
    order: 4;
  }
  #contents .contents__warp--listbox--list:nth-child(5) a figure {
    width: 30%;
  }
}
@media screen and (max-width: 768px) {
  #contents .contents__warp--listbox--list {
    border: solid 5px #000000;
  }
  #contents .contents__warp--listbox--list a {
    padding: 2rem 0;
    min-height: 110px;
  }
  #contents .contents__warp--listbox--list a h3 {
    font-size: clamp(1.8rem, 1.76rem + 0.2vw, 2rem);
  }
  #contents .contents__warp--listbox--list:hover {
    transform: scale(1.05);
  }
  #contents .contents__warp--listbox--list:hover::before {
    width: 100px;
  }
  #contents .contents__warp--listbox--list:nth-child(1) {
    width: 100%;
    order: 1;
  }
  #contents .contents__warp--listbox--list:nth-child(1) a figure {
    width: 125px;
  }
  #contents .contents__warp--listbox--list:nth-child(2) {
    width: 100%;
    order: 1;
  }
  #contents .contents__warp--listbox--list:nth-child(2) a figure {
    width: 125px;
  }
  #contents .contents__warp--listbox--list:nth-child(3) {
    width: 100%;
    order: 3;
  }
  #contents .contents__warp--listbox--list:nth-child(3) a figure {
    width: 125px;
  }
  #contents .contents__warp--listbox--list:nth-child(4) {
    width: 100%;
    order: 5;
  }
  #contents .contents__warp--listbox--list:nth-child(4) a figure {
    max-width: 280px;
  }
  #contents .contents__warp--listbox--list:nth-child(5) {
    width: 100%;
    order: 4;
  }
  #contents .contents__warp--listbox--list:nth-child(5) a figure {
    width: 125px;
  }
}
@media screen and (max-width: 480px) {
  #contents .contents__warp--listbox {
    padding: 0 1rem;
  }
  #contents .contents__warp--listbox--list {
    border: solid 5px #000000;
  }
  #contents .contents__warp--listbox--list:hover {
    transform: scale(1.1);
    z-index: 2;
  }
  #contents .contents__warp--listbox--list:hover::before {
    right: -60px;
    top: -50px;
    width: 80px;
  }
  #contents .contents__warp--listbox--list a {
    min-height: 100px;
  }
  #contents .contents__warp--listbox--list:nth-child(1) a h3 {
    font-size: clamp(1.6rem, 1.56rem + 0.2vw, 1.8rem);
  }
  #contents .contents__warp--listbox--list:nth-child(1) a h3 strong {
    text-align: center;
  }
  #contents .contents__warp--listbox--list:nth-child(2) a h3 {
    font-size: clamp(1.6rem, 1.56rem + 0.2vw, 1.8rem);
    width: calc(100% - 125px);
    margin: 0 0 0 125px;
  }
  #contents .contents__warp--listbox--list:nth-child(2) a h3 strong {
    text-align: center;
  }
  #contents .contents__warp--listbox--list:nth-child(3) a h3 {
    font-size: clamp(1.6rem, 1.56rem + 0.2vw, 1.8rem);
    width: calc(100% - 125px);
    margin: 0 0 0 125px;
  }
  #contents .contents__warp--listbox--list:nth-child(3) a h3 strong {
    text-align: center;
  }
  #contents .contents__warp--listbox--list:nth-child(4) a figure {
    max-width: 280px;
  }
  #contents .contents__warp--listbox--list:nth-child(5) a h3 {
    font-size: clamp(1.6rem, 1.56rem + 0.2vw, 1.8rem);
    width: calc(100% - 125px);
    margin: 0 0 0 125px;
  }
  #contents .contents__warp--listbox--list:nth-child(5) a h3 strong {
    text-align: center;
  }
}
#link_contents {
  position: relative;
}
#link_contents::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5%;
  width: 20%;
  min-width: 250px;
  aspect-ratio: 1/1;
  background-image: url("../../img/home/link_contents/portal.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 99;
}
#link_contents .link_contents__warp h2 {
  display: flex;
  flex-wrap: nowrap;
  font-size: clamp(2.4rem, 2.36rem + 0.2vw, 2.6rem);
  color: #ffff01;
  font-weight: 800;
  width: 100%;
  text-align: center;
  text-shadow: -1px 1px 0px rgb(0, 0, 0), -2px 1px 0px rgb(0, 0, 0), -3px 1px 0px rgb(0, 0, 0), -4px 1px 0px rgb(0, 0, 0), -1px 2px 0px rgb(0, 0, 0), -2px 2px 0px rgb(0, 0, 0), -3px 2px 0px rgb(0, 0, 0), -4px 2px 0px rgb(0, 0, 0), -1px 3px 0px rgb(0, 0, 0), -2px 3px 0px rgb(0, 0, 0), -3px 3px 0px rgb(0, 0, 0), -4px 3px 0px rgb(0, 0, 0), -1px 4px 0px rgb(0, 0, 0), -2px 4px 0px rgb(0, 0, 0), -3px 4px 0px rgb(0, 0, 0), -4px 4px 0px rgb(0, 0, 0), -1px -1px 0px rgb(0, 0, 0), -2px -1px 0px rgb(0, 0, 0), -3px -1px 0px rgb(0, 0, 0), -4px -1px 0px rgb(0, 0, 0), -1px -2px 0px rgb(0, 0, 0), -2px -2px 0px rgb(0, 0, 0), -3px -2px 0px rgb(0, 0, 0), -4px -2px 0px rgb(0, 0, 0), -1px -3px 0px rgb(0, 0, 0), -2px -3px 0px rgb(0, 0, 0), -3px -3px 0px rgb(0, 0, 0), -4px -3px 0px rgb(0, 0, 0), -1px -4px 0px rgb(0, 0, 0), -2px -4px 0px rgb(0, 0, 0), -3px -4px 0px rgb(0, 0, 0), -4px -4px 0px rgb(0, 0, 0), 1px -1px 0px rgb(0, 0, 0), 1px -2px 0px rgb(0, 0, 0), 1px -3px 0px rgb(0, 0, 0), 1px -4px 0px rgb(0, 0, 0), 2px -1px 0px rgb(0, 0, 0), 2px -2px 0px rgb(0, 0, 0), 2px -4px 0px rgb(0, 0, 0), 3px -1px 0px rgb(0, 0, 0), 3px -2px 0px rgb(0, 0, 0), 3px -3px 0px rgb(0, 0, 0), 3px -4px 0px rgb(0, 0, 0), 4px -1px 0px rgb(0, 0, 0), 4px -2px 0px rgb(0, 0, 0), 4px -3px 0px rgb(0, 0, 0), 4px -4px 0px rgb(0, 0, 0), 1px 1px 0px rgb(0, 0, 0), 1px 2px 0px rgb(0, 0, 0), 1px 3px 0px rgb(0, 0, 0), 1px 4px 0px rgb(0, 0, 0), 2px 1px 0px rgb(0, 0, 0), 2px 2px 0px rgb(0, 0, 0), 2px 3px 0px rgb(0, 0, 0), 2px 4px 0px rgb(0, 0, 0), 3px 1px 0px rgb(0, 0, 0), 3px 3px 0px rgb(0, 0, 0), 3px 3px 0px rgb(0, 0, 0), 3px 4px 0px rgb(0, 0, 0), 4px 1px 0px rgb(0, 0, 0), 4px 2px 0px rgb(0, 0, 0), 4px 3px 0px rgb(0, 0, 0), 4px 4px 0px rgb(0, 0, 0), 0px 1px 0px rgb(0, 0, 0), 0px 2px 0px rgb(0, 0, 0), 0px 3px 0px rgb(0, 0, 0), 0px 4px 0px rgb(0, 0, 0), 0px -1px 0px rgb(0, 0, 0), 0px -2px 0px rgb(0, 0, 0), 0px -3px 0px rgb(0, 0, 0), 0px -4px 0px rgb(0, 0, 0);
}
#link_contents .link_contents__warp--listbox {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 40px;
  margin: 6rem 0 0 0;
}
#link_contents .link_contents__warp--listbox--list {
  width: 50%;
  position: relative;
}
#link_contents .link_contents__warp--listbox--list:first-child {
  border: solid 10px #000000;
  background-color: #ffffff;
  padding: 4rem;
}
#link_contents .link_contents__warp--listbox--list > h3 {
  font-size: clamp(2rem, 1.96rem + 0.2vw, 2.2rem);
  color: #ffffff;
  font-weight: 800;
  width: 100%;
  text-align: center;
  text-shadow: -1px 1px 0px rgb(0, 0, 0), -2px 1px 0px rgb(0, 0, 0), -3px 1px 0px rgb(0, 0, 0), -4px 1px 0px rgb(0, 0, 0), -1px 2px 0px rgb(0, 0, 0), -2px 2px 0px rgb(0, 0, 0), -3px 2px 0px rgb(0, 0, 0), -4px 2px 0px rgb(0, 0, 0), -1px 3px 0px rgb(0, 0, 0), -2px 3px 0px rgb(0, 0, 0), -3px 3px 0px rgb(0, 0, 0), -4px 3px 0px rgb(0, 0, 0), -1px 4px 0px rgb(0, 0, 0), -2px 4px 0px rgb(0, 0, 0), -3px 4px 0px rgb(0, 0, 0), -4px 4px 0px rgb(0, 0, 0), -1px -1px 0px rgb(0, 0, 0), -2px -1px 0px rgb(0, 0, 0), -3px -1px 0px rgb(0, 0, 0), -4px -1px 0px rgb(0, 0, 0), -1px -2px 0px rgb(0, 0, 0), -2px -2px 0px rgb(0, 0, 0), -3px -2px 0px rgb(0, 0, 0), -4px -2px 0px rgb(0, 0, 0), -1px -3px 0px rgb(0, 0, 0), -2px -3px 0px rgb(0, 0, 0), -3px -3px 0px rgb(0, 0, 0), -4px -3px 0px rgb(0, 0, 0), -1px -4px 0px rgb(0, 0, 0), -2px -4px 0px rgb(0, 0, 0), -3px -4px 0px rgb(0, 0, 0), -4px -4px 0px rgb(0, 0, 0), 1px -1px 0px rgb(0, 0, 0), 1px -2px 0px rgb(0, 0, 0), 1px -3px 0px rgb(0, 0, 0), 1px -4px 0px rgb(0, 0, 0), 2px -1px 0px rgb(0, 0, 0), 2px -2px 0px rgb(0, 0, 0), 2px -4px 0px rgb(0, 0, 0), 3px -1px 0px rgb(0, 0, 0), 3px -2px 0px rgb(0, 0, 0), 3px -3px 0px rgb(0, 0, 0), 3px -4px 0px rgb(0, 0, 0), 4px -1px 0px rgb(0, 0, 0), 4px -2px 0px rgb(0, 0, 0), 4px -3px 0px rgb(0, 0, 0), 4px -4px 0px rgb(0, 0, 0), 1px 1px 0px rgb(0, 0, 0), 1px 2px 0px rgb(0, 0, 0), 1px 3px 0px rgb(0, 0, 0), 1px 4px 0px rgb(0, 0, 0), 2px 1px 0px rgb(0, 0, 0), 2px 2px 0px rgb(0, 0, 0), 2px 3px 0px rgb(0, 0, 0), 2px 4px 0px rgb(0, 0, 0), 3px 1px 0px rgb(0, 0, 0), 3px 3px 0px rgb(0, 0, 0), 3px 3px 0px rgb(0, 0, 0), 3px 4px 0px rgb(0, 0, 0), 4px 1px 0px rgb(0, 0, 0), 4px 2px 0px rgb(0, 0, 0), 4px 3px 0px rgb(0, 0, 0), 4px 4px 0px rgb(0, 0, 0), 0px 1px 0px rgb(0, 0, 0), 0px 2px 0px rgb(0, 0, 0), 0px 3px 0px rgb(0, 0, 0), 0px 4px 0px rgb(0, 0, 0), 0px -1px 0px rgb(0, 0, 0), 0px -2px 0px rgb(0, 0, 0), 0px -3px 0px rgb(0, 0, 0), 0px -4px 0px rgb(0, 0, 0);
  position: absolute;
  top: -6.5%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  line-height: 1.05;
}
#link_contents .link_contents__warp--listbox--list > strong {
  display: block;
  width: 80%;
  margin: 2rem 0 0 20%;
}
#link_contents .link_contents__warp--listbox--list--contentsboxlist {
  display: flex;
  flex-flow: column;
  gap: 20px;
  padding: 0 0px;
}
#link_contents .link_contents__warp--listbox--list--contentsboxlist--list {
  width: 100%;
}
#link_contents .link_contents__warp--listbox--list--contentsboxlist--list a {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  margin: 0 auto;
}
#link_contents .link_contents__warp--listbox--list--contentsboxlist--list a figure {
  min-height: 110px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
}
#link_contents .link_contents__warp--listbox--list--contentsboxlist--list a figure img {
  width: 80%;
}
#link_contents .link_contents__warp--listbox--list--contentsboxlist--list a strong {
  width: 100%;
  font-size: clamp(2.8rem, 2.76rem + 0.2vw, 3rem);
  color: #ffffff;
  line-height: 1;
  padding: 1rem 1rem;
  text-wrap: nowrap;
  min-width: 320px;
  text-align: center;
}
#link_contents .link_contents__warp--listbox--list--contentslistbox {
  display: flex;
  flex-flow: column;
  gap: 40px;
  padding: 0 0px;
  position: relative;
}
#link_contents .link_contents__warp--listbox--list--contentslistbox--box {
  border: solid 10px #000000;
  background-color: #ffffff;
  position: relative;
}
#link_contents .link_contents__warp--listbox--list--contentslistbox--box > h3 {
  font-size: clamp(2rem, 1.96rem + 0.2vw, 2.2rem);
  color: #ffffff;
  font-weight: 800;
  width: 100%;
  text-align: center;
  text-shadow: -1px 1px 0px rgb(0, 0, 0), -2px 1px 0px rgb(0, 0, 0), -3px 1px 0px rgb(0, 0, 0), -4px 1px 0px rgb(0, 0, 0), -1px 2px 0px rgb(0, 0, 0), -2px 2px 0px rgb(0, 0, 0), -3px 2px 0px rgb(0, 0, 0), -4px 2px 0px rgb(0, 0, 0), -1px 3px 0px rgb(0, 0, 0), -2px 3px 0px rgb(0, 0, 0), -3px 3px 0px rgb(0, 0, 0), -4px 3px 0px rgb(0, 0, 0), -1px 4px 0px rgb(0, 0, 0), -2px 4px 0px rgb(0, 0, 0), -3px 4px 0px rgb(0, 0, 0), -4px 4px 0px rgb(0, 0, 0), -1px -1px 0px rgb(0, 0, 0), -2px -1px 0px rgb(0, 0, 0), -3px -1px 0px rgb(0, 0, 0), -4px -1px 0px rgb(0, 0, 0), -1px -2px 0px rgb(0, 0, 0), -2px -2px 0px rgb(0, 0, 0), -3px -2px 0px rgb(0, 0, 0), -4px -2px 0px rgb(0, 0, 0), -1px -3px 0px rgb(0, 0, 0), -2px -3px 0px rgb(0, 0, 0), -3px -3px 0px rgb(0, 0, 0), -4px -3px 0px rgb(0, 0, 0), -1px -4px 0px rgb(0, 0, 0), -2px -4px 0px rgb(0, 0, 0), -3px -4px 0px rgb(0, 0, 0), -4px -4px 0px rgb(0, 0, 0), 1px -1px 0px rgb(0, 0, 0), 1px -2px 0px rgb(0, 0, 0), 1px -3px 0px rgb(0, 0, 0), 1px -4px 0px rgb(0, 0, 0), 2px -1px 0px rgb(0, 0, 0), 2px -2px 0px rgb(0, 0, 0), 2px -4px 0px rgb(0, 0, 0), 3px -1px 0px rgb(0, 0, 0), 3px -2px 0px rgb(0, 0, 0), 3px -3px 0px rgb(0, 0, 0), 3px -4px 0px rgb(0, 0, 0), 4px -1px 0px rgb(0, 0, 0), 4px -2px 0px rgb(0, 0, 0), 4px -3px 0px rgb(0, 0, 0), 4px -4px 0px rgb(0, 0, 0), 1px 1px 0px rgb(0, 0, 0), 1px 2px 0px rgb(0, 0, 0), 1px 3px 0px rgb(0, 0, 0), 1px 4px 0px rgb(0, 0, 0), 2px 1px 0px rgb(0, 0, 0), 2px 2px 0px rgb(0, 0, 0), 2px 3px 0px rgb(0, 0, 0), 2px 4px 0px rgb(0, 0, 0), 3px 1px 0px rgb(0, 0, 0), 3px 3px 0px rgb(0, 0, 0), 3px 3px 0px rgb(0, 0, 0), 3px 4px 0px rgb(0, 0, 0), 4px 1px 0px rgb(0, 0, 0), 4px 2px 0px rgb(0, 0, 0), 4px 3px 0px rgb(0, 0, 0), 4px 4px 0px rgb(0, 0, 0), 0px 1px 0px rgb(0, 0, 0), 0px 2px 0px rgb(0, 0, 0), 0px 3px 0px rgb(0, 0, 0), 0px 4px 0px rgb(0, 0, 0), 0px -1px 0px rgb(0, 0, 0), 0px -2px 0px rgb(0, 0, 0), 0px -3px 0px rgb(0, 0, 0), 0px -4px 0px rgb(0, 0, 0);
  position: absolute;
  top: -5%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  line-height: 1.05;
}
#link_contents .link_contents__warp--listbox--list--contentslistbox--box > h3 .br {
  display: block;
}
#link_contents .link_contents__warp--listbox--list--contentslistbox--box:nth-child(1) h3 {
  top: -20%;
}
#link_contents .link_contents__warp--listbox--list--contentslistbox--box:nth-child(2) h3 {
  top: -12.5%;
}
#link_contents .link_contents__warp--listbox--list--contentslistbox--box--itemlist {
  display: flex;
  flex-flow: column;
  padding: 4rem 4rem 2rem;
  gap: 20px;
}
#link_contents .link_contents__warp--listbox--list--contentslistbox--box--itemlist--list {
  position: relative;
  width: 100%;
}
#link_contents .link_contents__warp--listbox--list--contentslistbox--box--itemlist--list a {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  margin: 0 auto;
}
#link_contents .link_contents__warp--listbox--list--contentslistbox--box--itemlist--list a figure {
  min-height: 110px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
}
#link_contents .link_contents__warp--listbox--list--contentslistbox--box--itemlist--list a figure img {
  width: 80%;
}
#link_contents .link_contents__warp--listbox--list--contentslistbox--box--itemlist--list a strong {
  width: 100%;
  font-size: clamp(2.8rem, 2.76rem + 0.2vw, 3rem);
  color: #ffffff;
  line-height: 1;
  padding: 1rem 1rem;
  text-wrap: nowrap;
  min-width: 320px;
  text-align: center;
}

.athome {
  background-color: #cc0033;
  border: solid 5px #cc0033;
  transition: all ease 0.5s;
}
.athome:hover {
  color: #cc0033 !important;
  background-color: #ffffff !important;
}

.do {
  background-color: #004680;
  border: solid 5px #004680;
  transition: all ease 0.5s;
}
.do:hover {
  color: #004680 !important;
  background-color: #ffffff !important;
}

.homes {
  background-color: #f28941;
  border: solid 5px #f28941;
  transition: all ease 0.5s;
}
.homes:hover {
  color: #f28941 !important;
  background-color: #ffffff !important;
}

.suumo {
  background-color: #6FBA2C;
  color: #ffffff !important;
  border: solid 5px #6FBA2C;
  transition: all ease 0.5s;
}
.suumo:hover {
  color: #6FBA2C !important;
  background-color: #ffffff !important;
}

.homemate {
  background-color: #f45b89;
  border: solid 5px #f45b89;
  font-size: clamp(2.2rem, 2.16rem + 0.2vw, 2.4rem) !important;
  transition: all ease 0.5s;
}
.homemate:hover {
  color: #f45b89 !important;
  background-color: #ffffff !important;
}

.do10 {
  background-color: #004680;
  border: solid 5px #004680;
  font-size: clamp(1.8rem, 1.76rem + 0.2vw, 2rem) !important;
  transition: all ease 0.5s;
}
.do10:hover {
  color: #004680 !important;
  background-color: #ffffff !important;
}

.dotcom {
  background-color: #449079;
  border: solid 5px #449079;
  line-height: 1;
  transition: all ease 0.5s;
}
.dotcom p {
  display: block;
  line-height: 1 !important;
  font-size: clamp(1.8rem, 1.76rem + 0.2vw, 2rem) !important;
}
.dotcom span {
  display: block;
  font-size: clamp(1.8rem, 1.76rem + 0.2vw, 2rem) !important;
  line-height: 1 !important;
}
.dotcom:hover {
  color: #449079 !important;
  background-color: #ffffff !important;
}

.font_red {
  color: #fe0000;
  font-size: clamp(2.8rem, 2.76rem + 0.2vw, 3rem);
}

.font_blue {
  color: #3e41ff;
  font-size: clamp(2.8rem, 2.76rem + 0.2vw, 3rem);
}

.font_green {
  color: #00af50;
  font-size: clamp(2.8rem, 2.76rem + 0.2vw, 3rem);
}

@media screen and (max-width: 1060px) {
  #link_contents {
    position: relative;
  }
  #link_contents::before {
    bottom: -7.5%;
    width: 20%;
    min-width: 150px;
  }
  #link_contents .link_contents__warp h2 {
    display: flex;
    flex-wrap: nowrap;
    font-size: clamp(2.4rem, 2.36rem + 0.2vw, 2.6rem);
    color: #ffffff;
    font-weight: 800;
    width: 100%;
    text-align: center;
  }
  #link_contents .link_contents__warp--listbox {
    flex-wrap: wrap;
  }
  #link_contents .link_contents__warp--listbox--list {
    width: 100%;
  }
  #link_contents .link_contents__warp--listbox--list:first-child {
    border: solid 5px #000000;
    padding: 4rem 2rem;
  }
  #link_contents .link_contents__warp--listbox--list > h3 {
    width: -moz-fit-content;
    width: fit-content;
    left: 2rem;
    top: -10%;
    transform: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
  }
  #link_contents .link_contents__warp--listbox--list > strong {
    width: 100%;
    min-width: auto;
    margin: 2rem 0 0 0%;
    text-align: center;
  }
  #link_contents .link_contents__warp--listbox--list--contentsboxlist {
    flex-flow: row;
    flex-wrap: wrap;
  }
  #link_contents .link_contents__warp--listbox--list--contentsboxlist--list {
    width: calc(50% - 20px);
  }
  #link_contents .link_contents__warp--listbox--list--contentslistbox {
    display: flex;
    flex-flow: column;
    gap: 40px;
    padding: 0 0px;
    position: relative;
  }
  #link_contents .link_contents__warp--listbox--list--contentslistbox--box {
    border: solid 5px #000000;
  }
  #link_contents .link_contents__warp--listbox--list--contentslistbox--box > h3 {
    width: -moz-fit-content;
    width: fit-content;
    left: 2rem;
    transform: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
  }
  #link_contents .link_contents__warp--listbox--list--contentslistbox--box > h3 .br {
    display: none;
  }
  #link_contents .link_contents__warp--listbox--list--contentslistbox--box:nth-child(1) h3 {
    top: -18%;
  }
  #link_contents .link_contents__warp--listbox--list--contentslistbox--box:nth-child(2) h3 {
    top: -18%;
  }
  #link_contents .link_contents__warp--listbox--list--contentslistbox--box--itemlist {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    padding: 4rem 2rem 2rem;
    gap: 20px;
  }
  #link_contents .link_contents__warp--listbox--list--contentslistbox--box--itemlist--list {
    position: relative;
    width: calc(50% - 20px);
  }
  #link_contents .link_contents__warp--listbox--list--contentslistbox--box--itemlist--list a strong {
    font-size: clamp(2.4rem, 2.36rem + 0.2vw, 2.6rem);
    min-width: auto;
  }
}
@media screen and (max-width: 840px) {
  #link_contents {
    position: relative;
  }
  #link_contents::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5%;
    width: 20%;
    min-width: 250px;
    aspect-ratio: 1/1;
    background-image: url("../../img/home/link_contents/portal.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 99;
  }
  #link_contents .link_contents__warp h2 {
    font-size: clamp(2rem, 1.96rem + 0.2vw, 2.2rem);
  }
  #link_contents .link_contents__warp--listbox {
    flex-wrap: wrap;
  }
  #link_contents .link_contents__warp--listbox--list {
    width: 100%;
  }
  #link_contents .link_contents__warp--listbox--list:first-child {
    border: solid 5px #000000;
    padding: 4rem 2rem;
  }
  #link_contents .link_contents__warp--listbox--list > h3 {
    width: -moz-fit-content;
    width: fit-content;
    left: 50%;
    top: -5.5%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    text-wrap: nowrap;
  }
  #link_contents .link_contents__warp--listbox--list > strong {
    width: 100%;
    min-width: auto;
    margin: 2rem 0 0 0%;
    text-align: center;
  }
  #link_contents .link_contents__warp--listbox--list--contentsboxlist--list {
    width: 100%;
  }
  #link_contents .link_contents__warp--listbox--list--contentslistbox--box > h3 {
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    text-wrap: nowrap;
  }
  #link_contents .link_contents__warp--listbox--list--contentslistbox--box > h3 .br {
    display: block;
  }
  #link_contents .link_contents__warp--listbox--list--contentslistbox--box:nth-child(1) h3 {
    top: -18%;
  }
  #link_contents .link_contents__warp--listbox--list--contentslistbox--box:nth-child(1) ol {
    padding: 4rem 2rem 2rem;
  }
  #link_contents .link_contents__warp--listbox--list--contentslistbox--box:nth-child(2) h3 {
    top: -12%;
  }
  #link_contents .link_contents__warp--listbox--list--contentslistbox--box:nth-child(2) ol {
    padding: 2rem 2rem 2rem;
  }
  #link_contents .link_contents__warp--listbox--list--contentslistbox--box--itemlist {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    padding: 4rem 2rem 2rem;
    gap: 20px;
  }
  #link_contents .link_contents__warp--listbox--list--contentslistbox--box--itemlist--list {
    position: relative;
    width: 100%;
  }
  #link_contents .link_contents__warp--listbox--list--contentslistbox--box--itemlist--list a strong {
    font-size: clamp(2.4rem, 2.36rem + 0.2vw, 2.6rem);
    min-width: auto;
  }
}
@media screen and (max-width: 480px) {
  #link_contents {
    position: relative;
  }
  #link_contents::before {
    bottom: -5%;
    width: 15%;
    min-width: 175px;
  }
  #link_contents .link_contents__warp h2 {
    font-size: clamp(1.6rem, 1.56rem + 0.2vw, 1.8rem);
  }
  #link_contents .link_contents__warp--listbox--list:first-child {
    padding: 2rem;
  }
  #link_contents .link_contents__warp--listbox--list > h3 {
    width: -moz-fit-content;
    width: fit-content;
    left: 50%;
    top: -5.5%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    text-wrap: nowrap;
    font-size: clamp(1.8rem, 1.76rem + 0.2vw, 2rem);
  }
  #link_contents .link_contents__warp--listbox--list > h3 span {
    font-size: clamp(2.2rem, 2.16rem + 0.2vw, 2.4rem);
  }
  #link_contents .link_contents__warp--listbox--list > strong {
    width: 100%;
    min-width: auto;
    margin: 2rem 0 0 0%;
    text-align: center;
  }
  #link_contents .link_contents__warp--listbox--list--contentsboxlist--list {
    width: 100%;
  }
  #link_contents .link_contents__warp--listbox--list--contentsboxlist--list a strong {
    min-width: auto;
  }
  #link_contents .link_contents__warp--listbox--list--contentslistbox--box > h3 {
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    text-wrap: nowrap;
  }
  #link_contents .link_contents__warp--listbox--list--contentslistbox--box > h3 .br {
    display: block;
  }
  #link_contents .link_contents__warp--listbox--list--contentslistbox--box:nth-child(1) h3 {
    top: -10%;
    font-size: clamp(1.8rem, 1.76rem + 0.2vw, 2rem);
  }
  #link_contents .link_contents__warp--listbox--list--contentslistbox--box:nth-child(1) h3 span {
    font-size: clamp(2.2rem, 2.16rem + 0.2vw, 2.4rem);
  }
  #link_contents .link_contents__warp--listbox--list--contentslistbox--box:nth-child(1) ol {
    padding: 4rem 2rem 2rem;
  }
  #link_contents .link_contents__warp--listbox--list--contentslistbox--box:nth-child(2) h3 {
    top: -12%;
    font-size: clamp(1.8rem, 1.76rem + 0.2vw, 2rem);
  }
  #link_contents .link_contents__warp--listbox--list--contentslistbox--box:nth-child(2) h3 span {
    font-size: clamp(2.2rem, 2.16rem + 0.2vw, 2.4rem);
  }
  #link_contents .link_contents__warp--listbox--list--contentslistbox--box:nth-child(2) ol {
    padding: 2rem 2rem 2rem;
  }
  #link_contents .link_contents__warp--listbox--list--contentslistbox--box--itemlist {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    padding: 4rem 2rem 2rem;
    gap: 20px;
  }
  #link_contents .link_contents__warp--listbox--list--contentslistbox--box--itemlist--list {
    position: relative;
    width: 100%;
  }
  #link_contents .link_contents__warp--listbox--list--contentslistbox--box--itemlist--list a strong {
    font-size: clamp(1.6rem, 1.56rem + 0.2vw, 1.8rem);
    min-width: auto;
  }
  .athome,
  .do,
  .homes,
  .suumo,
  .do10,
  .homemate {
    font-size: clamp(1.2rem, 1.16rem + 0.2vw, 1.4rem) !important;
  }
  .dotcom p {
    font-size: clamp(1.2rem, 1.16rem + 0.2vw, 1.4rem) !important;
  }
  .dotcom span {
    font-size: clamp(1.2rem, 1.16rem + 0.2vw, 1.4rem) !important;
  }
}
#carousel {
  position: relative;
}
#carousel::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0%;
  width: 40%;
  height: 100%;
  display: block;
  z-index: -1;
  background-color: #fe0000;
  -webkit-clip-path: polygon(0 0, 65% 0, 100% 100%, 35% 100%);
          clip-path: polygon(0 0, 65% 0, 100% 100%, 35% 100%);
}
#carousel .carousel__warp h2 {
  margin: 0 auto 4rem;
}
#carousel .carousel__warp--slider {
  overflow: hidden;
}
#carousel .carousel__warp--slider--box {
  transition-timing-function: linear;
}
#carousel .carousel__warp--slider--box--list {
  height: auto;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
#carousel .carousel__warp--slider--box--list img {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
#carousel .carousel__warp--link {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#carousel .carousel__warp--link a {
  margin: 2rem auto 0;
  width: -moz-fit-content;
  width: fit-content;
  padding: 1rem 2rem;
  background-color: #fe0000;
  border: solid 1px #fe0000;
  color: #ffffff;
  transition: all ease 0.5s;
}
#carousel .carousel__warp--link a:hover {
  background-color: #ffffff;
  color: #fe0000;
}

#modal {
  padding: 5rem 0 15rem 0;
  position: relative;
  margin: 0 3rem 3rem;
  width: calc(100% - 6rem);
}
#modal::after {
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  content: "coating gallery";
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  color: rgba(255, 255, 255, 0.8);
  font-size: clamp(4rem, 3.5rem + 2.5vw, 6.5rem);
  writing-mode: vertical-rl;
  text-wrap: nowrap;
  line-height: 1;
  z-index: 1;
}
#modal .modal__warp {
  /* モーダルを開くボタン */
  /* モーダル本体 */
  /* モーダルを閉じるボタン */
  /* モーダル内のコンテンツ */
}
#modal .modal__warp h2 {
  margin: 0 auto 4rem;
}
#modal .modal__warp .modal {
  padding: 0 0;
}
#modal .modal__warp .inner {
  width: min(100%, 1120px);
  margin: 0 auto;
  padding: 0 20px;
}
#modal .modal__warp .inner > ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
#modal .modal__warp .inner > ul > li {
  width: calc(25% - 20px);
  margin-top: unset !important;
  margin: 0 10px 20px;
}
#modal .modal__warp .inner > ul > li figure {
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
}
#modal .modal__warp .inner > ul > li figure img {
  width: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all ease 1s;
}
#modal .modal__warp .inner > ul > li figure:hover img {
  scale: 1.15;
}
#modal .modal__warp .modal__trigger {
  cursor: pointer;
}
#modal .modal__warp .modal__trigger:nth-child(n+2) {
  margin-top: 60px;
}
#modal .modal__warp .modal__wrapper {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
}
#modal .modal__warp .modal__layer {
  height: 100%;
  background: rgba(50, 50, 50, 0.85);
  cursor: pointer;
}
#modal .modal__warp .modal__container {
  position: absolute;
  top: calc(50% + 46px);
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(100% - 40px, 1000px);
  height: calc(80vh - 40px);
  padding: 20px;
  background: #fff;
}
#modal .modal__warp .modal__inner {
  position: relative;
  overflow-y: scroll;
  height: calc(100% - 50px);
  padding: 0px 20px 20px 20px;
  margin: 50px 0 0 0;
}
#modal .modal__warp .modal__close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 44px;
  height: 44px;
  background: rgb(50, 50, 50);
  cursor: pointer;
  transition: opacity 0.6s;
  z-index: 999;
}
#modal .modal__warp .modal__close:hover {
  opacity: 0.6;
}
#modal .modal__warp .modal__close:before,
#modal .modal__warp .modal__close:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 1px;
  background: #fff;
  content: "";
}
#modal .modal__warp .modal__close:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
#modal .modal__warp .modal__close:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
#modal .modal__warp .modal__content .modal__title {
  font-size: clamp(1rem, 0.96rem + 0.2vw, 1.2rem);
}
#modal .modal__warp .modal__content .modal__text {
  text-align: justify;
  -moz-text-align-last: left;
       text-align-last: left;
}

.pagetop {
  display: none;
  position: fixed;
  bottom: 2.5em;
  right: 2.5em;
  z-index: 999;
}
.pagetop a {
  width: 52px;
  height: 52px;
  aspect-ratio: 1/1;
  display: block;
  background-color: #fe0000;
  border: solid 2px #fe0000;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  border-radius: 50%;
  transition: all ease 0.5s;
}
.pagetop a i {
  color: #ffffff;
}
.pagetop a:hover {
  background-color: #ffffff;
}
.pagetop a:hover i {
  color: #fe0000;
}

@media screen and (max-width: 480px) {
  .pagetop {
    display: none;
    position: fixed;
    bottom: calc(75px + 1.5rem);
    right: 1.5em;
  }
  .pagetop a {
    width: 40px;
    height: 40px;
    aspect-ratio: 1/1;
  }
}
#footer {
  position: relative;
  margin: 0rem 0 0 0;
  background-size: auto auto;
  background-color: rgb(23, 28, 241);
  background-image: repeating-linear-gradient(45deg, transparent, transparent 4px, rgb(74, 78, 239) 4px, rgb(74, 78, 239) 8px);
}
#footer .footer__warp--upperbox {
  padding: 4rem 0 0;
  display: flex;
  justify-content: space-between;
  gap: 40px;
}
#footer .footer__warp--upperbox--leftbox {
  width: 50%;
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
}
#footer .footer__warp--upperbox--leftbox > figure {
  width: 30%;
  height: auto;
  margin: 2rem auto 0;
}
#footer .footer__warp--upperbox--leftbox > figure img {
  width: 100%;
  height: auto;
}
#footer .footer__warp--upperbox--leftbox--fuki {
  width: -moz-fit-content;
  width: fit-content;
  background-color: #ffffff;
  padding: 1rem 2rem;
  border-radius: 50px;
  border: solid 10px #000000;
}
#footer .footer__warp--upperbox--leftbox--fuki h3 {
  width: -moz-fit-content;
  width: fit-content;
  font-size: clamp(1.8rem, 1.76rem + 0.2vw, 2rem);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  text-wrap: nowrap;
}
#footer .footer__warp--upperbox--leftbox--fuki h3::before {
  content: "＼";
  margin: 0 0.5rem 0 0;
}
#footer .footer__warp--upperbox--leftbox--fuki h3::after {
  content: "／";
  margin: 0 0 0 0.5rem;
}
#footer .footer__warp--upperbox--leftbox--fuki a {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  text-align: center;
  font-size: clamp(2.8rem, 2.76rem + 0.2vw, 3rem);
  font-weight: 800;
  color: #00af50;
}
#footer .footer__warp--upperbox--leftbox--images {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
#footer .footer__warp--upperbox--leftbox--images--img {
  width: 20%;
}
#footer .footer__warp--upperbox--leftbox--images--img figure {
  width: 100%;
}
#footer .footer__warp--upperbox--leftbox--images--img figure img {
  width: 100%;
}
#footer .footer__warp--upperbox--leftbox--images--img:nth-child(1) {
  animation: bounce;
  animation-duration: 1s;
}
#footer .footer__warp--upperbox--rightbox {
  width: 50%;
}
#footer .footer__warp--upperbox--rightbox--mapbox iframe {
  width: 100%;
  height: 300px;
  border: solid 10px #000000;
}
#footer .footer__warp--upperbox--rightbox--mapbox address {
  font-style: normal;
  font-weight: 800;
  color: #ffffff;
  background-color: #000000;
  padding: 0 10px 10px 10px;
  text-align: center;
}
#footer .footer__warp--lowerbox {
  padding: 4rem 0;
}
#footer .footer__warp--lowerbox--navbox {
  width: 100%;
}
#footer .footer__warp--lowerbox--navbox--nav {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#footer .footer__warp--lowerbox--navbox--nav li {
  background-color: #ffff01;
  border: solid 10px #000000;
  padding: 1rem 2rem;
  transition: all ease 1s;
}
#footer .footer__warp--lowerbox--navbox--nav li p {
  width: 100%;
  text-align: center;
  font-weight: 800;
  letter-spacing: 1;
  text-wrap: nowrap;
}
#footer .footer__warp--lowerbox--navbox--nav li span {
  display: none;
}
#footer .footer__warp--lowerbox--navbox--nav li:hover {
  transform: scale(1.2);
}
#footer .footer__warp--copy {
  padding: 1rem 0;
  text-align: center;
  color: #ffffff;
  background-color: #fe0000;
  font-size: clamp(0.7rem, 0.66rem + 0.2vw, 0.9rem);
}
#footer .footer__sp {
  width: 100%;
  display: none;
  z-index: 9999999;
  will-change: filter;
  transform: translateZ(0);
  perspective: 1000;
}
#footer .footer__sp ul {
  width: 290px;
  margin: 0 auto 1.5rem;
  display: flex;
  justify-content: space-between;
  border-radius: 50px;
  background-color: #ffffff;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  padding: 0.75rem 1rem;
}
#footer .footer__sp ul li {
  width: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
}
#footer .footer__sp ul li a {
  width: 52px;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  text-align: center;
  color: #ffffff;
  border-radius: 50%;
  background-color: #fe0000;
  border: solid 2px #fe0000;
  transition: all ease 0.5s;
  padding: 0 0 0 0.5px;
}
#footer .footer__sp ul li a i {
  font-size: clamp(1.3rem, 1.26rem + 0.2vw, 1.5rem);
}
#footer .footer__sp ul li a span {
  font-size: clamp(0.4rem, 0.36rem + 0.2vw, 0.6rem);
  line-height: 1.2;
}
#footer .footer__sp ul li a:hover {
  background-color: #ffffff;
  color: #fe0000;
}
#footer .footer__sp ul li .line {
  background-color: #00B900;
  border: solid 2px #00B900;
}
#footer .footer__sp ul li .line:hover {
  background-color: #ffffff;
  color: #00B900;
}

@media screen and (max-width: 1280px) {
  #footer .footer__warp--upperbox {
    padding: 4rem 2rem 0;
  }
  #footer .footer__warp--lowerbox {
    padding: 4rem 2rem 4rem;
  }
  #footer .footer__sp {
    display: none;
  }
}
@media screen and (max-width: 1160px) {
  #footer .footer__warp--upperbox--leftbox--fuki {
    width: 100%;
  }
  #footer .footer__warp--upperbox--leftbox--fuki h3 {
    font-size: 2vw;
  }
  #footer .footer__warp--upperbox--leftbox--fuki a {
    font-size: 4vw;
  }
  #footer .footer__warp--upperbox--leftbox--fuki a strong {
    text-wrap: nowrap;
  }
  #footer .footer__warp--lowerbox--navbox--nav li {
    padding: 1rem 1rem;
  }
  #footer .footer__warp--lowerbox--navbox--nav li:hover {
    transform: scale(1.1);
  }
}
@media screen and (max-width: 1024px) {
  #footer .footer__warp--lowerbox--navbox--nav {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
  }
  #footer .footer__warp--lowerbox--navbox--nav li {
    width: calc(33.3333333333% - 20px);
    padding: 1rem 1rem;
    border: solid 5px #000000;
  }
  #footer .footer__warp--lowerbox--navbox--nav li:hover {
    transform: scale(1.1);
  }
}
@media screen and (max-width: 820px) {
  #footer .footer__warp--upperbox {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  #footer .footer__warp--upperbox--leftbox {
    width: 100%;
  }
  #footer .footer__warp--upperbox--leftbox > figure {
    width: 40%;
    order: 1;
    margin: 0rem auto 0;
  }
  #footer .footer__warp--upperbox--leftbox--fuki {
    order: 2;
    margin: 2rem auto 0;
    border: solid 5px #000000;
  }
  #footer .footer__warp--upperbox--leftbox--fuki h3 {
    font-size: 4.5vw;
  }
  #footer .footer__warp--upperbox--leftbox--fuki a {
    font-size: 10vw;
  }
  #footer .footer__warp--upperbox--leftbox--fuki a strong {
    text-wrap: nowrap;
  }
  #footer .footer__warp--upperbox--rightbox {
    width: 100%;
  }
  #footer .footer__warp--upperbox--rightbox--mapbox iframe {
    width: 100%;
    height: 300px;
    border: solid 10px #000000;
  }
  #footer .footer__warp--upperbox--rightbox--mapbox address {
    font-style: normal;
    font-weight: 800;
    color: #ffffff;
    background-color: #000000;
    padding: 0 10px 10px 10px;
    text-align: center;
  }
  #footer .footer__warp--lowerbox--navbox--nav li {
    width: calc(50% - 20px);
    font-size: clamp(0.8rem, 0.76rem + 0.2vw, 1rem);
  }
}
@media screen and (max-width: 480px) {
  #footer .footer__warp--upperbox {
    padding: 4rem 1rem 0;
  }
  #footer .footer__warp--upperbox--leftbox {
    width: 100%;
  }
  #footer .footer__warp--upperbox--leftbox > figure {
    width: 50%;
  }
  #footer .footer__warp--upperbox--leftbox--fuki {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    padding: 1rem;
  }
  #footer .footer__warp--upperbox--leftbox--fuki h3 {
    font-size: 4vw;
  }
  #footer .footer__warp--upperbox--leftbox--fuki a {
    font-size: 8vw;
  }
  #footer .footer__warp--upperbox--leftbox--fuki a strong {
    text-wrap: nowrap;
  }
  #footer .footer__warp--lowerbox {
    padding: 2rem 1rem 6rem;
  }
  #footer .footer__warp--lowerbox--navbox--nav {
    gap: 10px;
  }
  #footer .footer__warp--lowerbox--navbox--nav li {
    width: calc(50% - 5px);
    font-size: clamp(0.8rem, 0.76rem + 0.2vw, 1rem);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
  }
  #footer .footer__warp--lowerbox--navbox--nav li:nth-child(3) {
    font-size: clamp(0.6rem, 0.56rem + 0.2vw, 0.8rem);
  }
  #footer .footer__warp--copy {
    padding: 1rem 0 0.5rem;
  }
  #footer .footer__sp {
    display: flex;
  }
}
.sp_fixed {
  position: fixed !important;
  bottom: -70px;
  left: 0;
  z-index: 999;
  transition: 1s;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}/*# sourceMappingURL=style.css.map */