@charset "UTF-8";
:root {
  --container-max-width-sm: 480px;
  --container-max-width-md: 768px;
  --container-max-width-nm: 1000px;
  --container-max-width-lg: 1120px;
  --container-max-width-xl: 1300px;
  --container-max-width-xxl: 1600px;
}

/* カスタムカラー ------------------------------------ */
.color-background {
  color: #fff !important;
  border-color: #fff !important;
}

.has-background-color {
  color: #fff !important;
  border-color: #fff !important;
}

.has-background-background-color {
  background-color: #fff !important;
  color: inherit;
}

.color-text {
  color: #333 !important;
  border-color: #333 !important;
}

.has-text-color {
  color: #333 !important;
  border-color: #333 !important;
}

.has-text-background-color {
  background-color: #333 !important;
  color: inherit;
}

.color-primary {
  color: #00006f !important;
  border-color: #00006f !important;
}

.has-primary-color {
  color: #00006f !important;
  border-color: #00006f !important;
}

.has-primary-background-color {
  background-color: #00006f !important;
  color: inherit;
}

.color-secondary {
  color: #488e00 !important;
  border-color: #488e00 !important;
}

.has-secondary-color {
  color: #488e00 !important;
  border-color: #488e00 !important;
}

.has-secondary-background-color {
  background-color: #488e00 !important;
  color: inherit;
}

.color-subtle {
  color: #fdfaef !important;
  border-color: #fdfaef !important;
}

.has-subtle-color {
  color: #fdfaef !important;
  border-color: #fdfaef !important;
}

.has-subtle-background-color {
  background-color: #fdfaef !important;
  color: inherit;
}

.color-site-green {
  color: #5ab64d !important;
  border-color: #5ab64d !important;
}

.has-site-green-color {
  color: #5ab64d !important;
  border-color: #5ab64d !important;
}

.has-site-green-background-color {
  background-color: #5ab64d !important;
  color: inherit;
}

.color-site-blue {
  color: #2990d0 !important;
  border-color: #2990d0 !important;
}

.has-site-blue-color {
  color: #2990d0 !important;
  border-color: #2990d0 !important;
}

.has-site-blue-background-color {
  background-color: #2990d0 !important;
  color: inherit;
}

.color-site-orange {
  color: #ea5224 !important;
  border-color: #ea5224 !important;
}

.has-site-orange-color {
  color: #ea5224 !important;
  border-color: #ea5224 !important;
}

.has-site-orange-background-color {
  background-color: #ea5224 !important;
  color: inherit;
}

.color-site-yellow-green {
  color: #abcd03 !important;
  border-color: #abcd03 !important;
}

.has-site-yellow-green-color {
  color: #abcd03 !important;
  border-color: #abcd03 !important;
}

.has-site-yellow-green-background-color {
  background-color: #abcd03 !important;
  color: inherit;
}

.color-hover {
  color: #df2c08 !important;
  border-color: #df2c08 !important;
}

.has-hover-color {
  color: #df2c08 !important;
  border-color: #df2c08 !important;
}

.has-hover-background-color {
  background-color: #df2c08 !important;
  color: inherit;
}

.color-white {
  color: #fff !important;
  border-color: #fff !important;
}

.has-white-color {
  color: #fff !important;
  border-color: #fff !important;
}

.has-white-background-color {
  background-color: #fff !important;
  color: inherit;
}

.color-light-gray {
  color: #efefef !important;
  border-color: #efefef !important;
}

.has-light-gray-color {
  color: #efefef !important;
  border-color: #efefef !important;
}

.has-light-gray-background-color {
  background-color: #efefef !important;
  color: inherit;
}

.color-medium-gray {
  color: #dbdbdb !important;
  border-color: #dbdbdb !important;
}

.has-medium-gray-color {
  color: #dbdbdb !important;
  border-color: #dbdbdb !important;
}

.has-medium-gray-background-color {
  background-color: #dbdbdb !important;
  color: inherit;
}

.color-gray {
  color: #84919e !important;
  border-color: #84919e !important;
}

.has-gray-color {
  color: #84919e !important;
  border-color: #84919e !important;
}

.has-gray-background-color {
  background-color: #84919e !important;
  color: inherit;
}

.color-black {
  color: #000 !important;
  border-color: #000 !important;
}

.has-black-color {
  color: #000 !important;
  border-color: #000 !important;
}

.has-black-background-color {
  background-color: #000 !important;
  color: inherit;
}

.color-red {
  color: rgb(255, 0, 0) !important;
  border-color: rgb(255, 0, 0) !important;
}

.has-red-color {
  color: rgb(255, 0, 0) !important;
  border-color: rgb(255, 0, 0) !important;
}

.has-red-background-color {
  background-color: rgb(255, 0, 0) !important;
  color: inherit;
}

.color-yellow {
  color: rgb(255, 241, 0) !important;
  border-color: rgb(255, 241, 0) !important;
}

.has-yellow-color {
  color: rgb(255, 241, 0) !important;
  border-color: rgb(255, 241, 0) !important;
}

.has-yellow-background-color {
  background-color: rgb(255, 241, 0) !important;
  color: inherit;
}

.color-green {
  color: rgb(3, 175, 122) !important;
  border-color: rgb(3, 175, 122) !important;
}

.has-green-color {
  color: rgb(3, 175, 122) !important;
  border-color: rgb(3, 175, 122) !important;
}

.has-green-background-color {
  background-color: rgb(3, 175, 122) !important;
  color: inherit;
}

.color-blue {
  color: rgb(0, 90, 255) !important;
  border-color: rgb(0, 90, 255) !important;
}

.has-blue-color {
  color: rgb(0, 90, 255) !important;
  border-color: rgb(0, 90, 255) !important;
}

.has-blue-background-color {
  background-color: rgb(0, 90, 255) !important;
  color: inherit;
}

.color-skyblue {
  color: rgb(77, 196, 255) !important;
  border-color: rgb(77, 196, 255) !important;
}

.has-skyblue-color {
  color: rgb(77, 196, 255) !important;
  border-color: rgb(77, 196, 255) !important;
}

.has-skyblue-background-color {
  background-color: rgb(77, 196, 255) !important;
  color: inherit;
}

.color-pink {
  color: rgb(255, 128, 130) !important;
  border-color: rgb(255, 128, 130) !important;
}

.has-pink-color {
  color: rgb(255, 128, 130) !important;
  border-color: rgb(255, 128, 130) !important;
}

.has-pink-background-color {
  background-color: rgb(255, 128, 130) !important;
  color: inherit;
}

.color-orange {
  color: rgb(246, 170, 0) !important;
  border-color: rgb(246, 170, 0) !important;
}

.has-orange-color {
  color: rgb(246, 170, 0) !important;
  border-color: rgb(246, 170, 0) !important;
}

.has-orange-background-color {
  background-color: rgb(246, 170, 0) !important;
  color: inherit;
}

.color-purple {
  color: rgb(153, 0, 153) !important;
  border-color: rgb(153, 0, 153) !important;
}

.has-purple-color {
  color: rgb(153, 0, 153) !important;
  border-color: rgb(153, 0, 153) !important;
}

.has-purple-background-color {
  background-color: rgb(153, 0, 153) !important;
  color: inherit;
}

.color-brown {
  color: rgb(128, 64, 0) !important;
  border-color: rgb(128, 64, 0) !important;
}

.has-brown-color {
  color: rgb(128, 64, 0) !important;
  border-color: rgb(128, 64, 0) !important;
}

.has-brown-background-color {
  background-color: rgb(128, 64, 0) !important;
  color: inherit;
}

:root {
  --color-background: #fff;
  --color-text: #333;
  --color-primary: #00006f;
  --color-secondary: #488e00;
  --color-subtle: #fdfaef;
  --color-site-green: #5ab64d;
  --color-site-blue: #2990d0;
  --color-site-orange: #ea5224;
  --color-site-yellow-green: #abcd03;
  --color-hover: #df2c08;
  --color-white: #fff;
  --color-light-gray: #efefef;
  --color-medium-gray: #dbdbdb;
  --color-gray: #84919e;
  --color-black: #000;
  --color-red: rgb(255, 0, 0);
  --color-yellow: rgb(255, 241, 0);
  --color-green: rgb(3, 175, 122);
  --color-blue: rgb(0, 90, 255);
  --color-skyblue: rgb(77, 196, 255);
  --color-pink: rgb(255, 128, 130);
  --color-orange: rgb(246, 170, 0);
  --color-purple: rgb(153, 0, 153);
  --color-brown: rgb(128, 64, 0);
}

/* wordpressデフォルトカラー ------------------------------------ */
.color-pale-pink {
  color: #f78da7 !important;
  border-color: #f78da7 !important;
}

.has-pale-pink-color {
  color: #f78da7 !important;
  border-color: #f78da7 !important;
}

.has-pale-pink-background-color {
  background-color: #f78da7 !important;
  color: inherit;
}

.color-vivid-red {
  color: #cf2e2e !important;
  border-color: #cf2e2e !important;
}

.has-vivid-red-color {
  color: #cf2e2e !important;
  border-color: #cf2e2e !important;
}

.has-vivid-red-background-color {
  background-color: #cf2e2e !important;
  color: inherit;
}

.color-luminous-vivid-orange {
  color: #ff6900 !important;
  border-color: #ff6900 !important;
}

.has-luminous-vivid-orange-color {
  color: #ff6900 !important;
  border-color: #ff6900 !important;
}

.has-luminous-vivid-orange-background-color {
  background-color: #ff6900 !important;
  color: inherit;
}

.color-luminous-vivid-amber {
  color: #fcb900 !important;
  border-color: #fcb900 !important;
}

.has-luminous-vivid-amber-color {
  color: #fcb900 !important;
  border-color: #fcb900 !important;
}

.has-luminous-vivid-amber-background-color {
  background-color: #fcb900 !important;
  color: inherit;
}

.color-light-green-cyan {
  color: #7bdcb5 !important;
  border-color: #7bdcb5 !important;
}

.has-light-green-cyan-color {
  color: #7bdcb5 !important;
  border-color: #7bdcb5 !important;
}

.has-light-green-cyan-background-color {
  background-color: #7bdcb5 !important;
  color: inherit;
}

.color-vivid-green-cyan {
  color: #00d084 !important;
  border-color: #00d084 !important;
}

.has-vivid-green-cyan-color {
  color: #00d084 !important;
  border-color: #00d084 !important;
}

.has-vivid-green-cyan-background-color {
  background-color: #00d084 !important;
  color: inherit;
}

.color-pale-cyan-blue {
  color: #8ed1fc !important;
  border-color: #8ed1fc !important;
}

.has-pale-cyan-blue-color {
  color: #8ed1fc !important;
  border-color: #8ed1fc !important;
}

.has-pale-cyan-blue-background-color {
  background-color: #8ed1fc !important;
  color: inherit;
}

.color-vivid-cyan-blue {
  color: #0693e3 !important;
  border-color: #0693e3 !important;
}

.has-vivid-cyan-blue-color {
  color: #0693e3 !important;
  border-color: #0693e3 !important;
}

.has-vivid-cyan-blue-background-color {
  background-color: #0693e3 !important;
  color: inherit;
}

.color-very-light-gray {
  color: #eee !important;
  border-color: #eee !important;
}

.has-very-light-gray-color {
  color: #eee !important;
  border-color: #eee !important;
}

.has-very-light-gray-background-color {
  background-color: #eee !important;
  color: inherit;
}

.color-cyan-bluish-gray {
  color: #abb8c3 !important;
  border-color: #abb8c3 !important;
}

.has-cyan-bluish-gray-color {
  color: #abb8c3 !important;
  border-color: #abb8c3 !important;
}

.has-cyan-bluish-gray-background-color {
  background-color: #abb8c3 !important;
  color: inherit;
}

.color-very-dark-gray {
  color: #313131 !important;
  border-color: #313131 !important;
}

.has-very-dark-gray-color {
  color: #313131 !important;
  border-color: #313131 !important;
}

.has-very-dark-gray-background-color {
  background-color: #313131 !important;
  color: inherit;
}

:root {
  --color-pale-pink: #f78da7;
  --color-vivid-red: #cf2e2e;
  --color-luminous-vivid-orange: #ff6900;
  --color-luminous-vivid-amber: #fcb900;
  --color-light-green-cyan: #7bdcb5;
  --color-vivid-green-cyan: #00d084;
  --color-pale-cyan-blue: #8ed1fc;
  --color-vivid-cyan-blue: #0693e3;
  --color-very-light-gray: #eee;
  --color-cyan-bluish-gray: #abb8c3;
  --color-very-dark-gray: #313131;
}

.font-size-small,
.font-size-small * {
  font-size: clamp(1.2rem, 1.3vw, 1.3rem) !important;
}

.font-size-medium,
.font-size-medium * {
  font-size: clamp(1.3rem, 1.4vw, 1.4rem) !important;
}

.font-size-nomal,
.font-size-nomal * {
  font-size: clamp(1.4rem, 1.6vw, 1.6rem) !important;
}

.font-size-medium-large,
.font-size-medium-large * {
  font-size: clamp(1.8rem, 1.9vw, 2rem) !important;
}

.font-size-large,
.font-size-large * {
  font-size: clamp(2rem, 2.4vw, 2.4rem) !important;
}

.font-size-x-large,
.font-size-x-large * {
  font-size: clamp(2.4rem, 3.6vw, 3.6rem) !important;
}

.font-size-larger,
.font-size-larger * {
  font-size: clamp(2.4rem, 3.6vw, 3.6rem) !important;
}

:root {
  --font-gothic: "Roboto", "Noto Sans JP", "Hiragino Sans", "Meiryo", "Hiragino Kaku Gothic ProN", sans-serif;
  --font-english: "Roboto", Segoe UI, SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mincho: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

:root {
  --gutter-x: 15px;
  --gutter-y: 15px;
}
@media screen and (min-width: 768px ) {
  :root {
    --gutter-x: clamp(30px, 5vw, 100px);
    --gutter-y: clamp(30px, 5vw, 30px);
  }
}

.contents-row {
  --container-row-padding-top: 50px;
  --container-row-padding-bottom: 50px;
  padding-top: var(--container-row-padding-top);
  padding-bottom: var(--container-row-padding-bottom);
}

.message .contents-row {
  --container-row-padding-top: 0px;
  --container-row-padding-bottom: 0px;
}

:root {
  --container-max-width-sm: 480px;
  --container-max-width-md: 768px;
  --container-max-width-nm: 1000px;
  --container-max-width-lg: 1120px;
  --container-max-width-xl: 1300px;
  --container-max-width-xxl: 1600px;
}

/* カスタムカラー ------------------------------------ */
.color-background {
  color: #fff !important;
  border-color: #fff !important;
}

.has-background-color {
  color: #fff !important;
  border-color: #fff !important;
}

.has-background-background-color {
  background-color: #fff !important;
  color: inherit;
}

.color-text {
  color: #333 !important;
  border-color: #333 !important;
}

.has-text-color {
  color: #333 !important;
  border-color: #333 !important;
}

.has-text-background-color {
  background-color: #333 !important;
  color: inherit;
}

.color-primary {
  color: #00006f !important;
  border-color: #00006f !important;
}

.has-primary-color {
  color: #00006f !important;
  border-color: #00006f !important;
}

.has-primary-background-color {
  background-color: #00006f !important;
  color: inherit;
}

.color-secondary {
  color: #488e00 !important;
  border-color: #488e00 !important;
}

.has-secondary-color {
  color: #488e00 !important;
  border-color: #488e00 !important;
}

.has-secondary-background-color {
  background-color: #488e00 !important;
  color: inherit;
}

.color-subtle {
  color: #fdfaef !important;
  border-color: #fdfaef !important;
}

.has-subtle-color {
  color: #fdfaef !important;
  border-color: #fdfaef !important;
}

.has-subtle-background-color {
  background-color: #fdfaef !important;
  color: inherit;
}

.color-site-green {
  color: #5ab64d !important;
  border-color: #5ab64d !important;
}

.has-site-green-color {
  color: #5ab64d !important;
  border-color: #5ab64d !important;
}

.has-site-green-background-color {
  background-color: #5ab64d !important;
  color: inherit;
}

.color-site-blue {
  color: #2990d0 !important;
  border-color: #2990d0 !important;
}

.has-site-blue-color {
  color: #2990d0 !important;
  border-color: #2990d0 !important;
}

.has-site-blue-background-color {
  background-color: #2990d0 !important;
  color: inherit;
}

.color-site-orange {
  color: #ea5224 !important;
  border-color: #ea5224 !important;
}

.has-site-orange-color {
  color: #ea5224 !important;
  border-color: #ea5224 !important;
}

.has-site-orange-background-color {
  background-color: #ea5224 !important;
  color: inherit;
}

.color-site-yellow-green {
  color: #abcd03 !important;
  border-color: #abcd03 !important;
}

.has-site-yellow-green-color {
  color: #abcd03 !important;
  border-color: #abcd03 !important;
}

.has-site-yellow-green-background-color {
  background-color: #abcd03 !important;
  color: inherit;
}

.color-hover {
  color: #df2c08 !important;
  border-color: #df2c08 !important;
}

.has-hover-color {
  color: #df2c08 !important;
  border-color: #df2c08 !important;
}

.has-hover-background-color {
  background-color: #df2c08 !important;
  color: inherit;
}

.color-white {
  color: #fff !important;
  border-color: #fff !important;
}

.has-white-color {
  color: #fff !important;
  border-color: #fff !important;
}

.has-white-background-color {
  background-color: #fff !important;
  color: inherit;
}

.color-light-gray {
  color: #efefef !important;
  border-color: #efefef !important;
}

.has-light-gray-color {
  color: #efefef !important;
  border-color: #efefef !important;
}

.has-light-gray-background-color {
  background-color: #efefef !important;
  color: inherit;
}

.color-medium-gray {
  color: #dbdbdb !important;
  border-color: #dbdbdb !important;
}

.has-medium-gray-color {
  color: #dbdbdb !important;
  border-color: #dbdbdb !important;
}

.has-medium-gray-background-color {
  background-color: #dbdbdb !important;
  color: inherit;
}

.color-gray {
  color: #84919e !important;
  border-color: #84919e !important;
}

.has-gray-color {
  color: #84919e !important;
  border-color: #84919e !important;
}

.has-gray-background-color {
  background-color: #84919e !important;
  color: inherit;
}

.color-black {
  color: #000 !important;
  border-color: #000 !important;
}

.has-black-color {
  color: #000 !important;
  border-color: #000 !important;
}

.has-black-background-color {
  background-color: #000 !important;
  color: inherit;
}

.color-red {
  color: rgb(255, 0, 0) !important;
  border-color: rgb(255, 0, 0) !important;
}

.has-red-color {
  color: rgb(255, 0, 0) !important;
  border-color: rgb(255, 0, 0) !important;
}

.has-red-background-color {
  background-color: rgb(255, 0, 0) !important;
  color: inherit;
}

.color-yellow {
  color: rgb(255, 241, 0) !important;
  border-color: rgb(255, 241, 0) !important;
}

.has-yellow-color {
  color: rgb(255, 241, 0) !important;
  border-color: rgb(255, 241, 0) !important;
}

.has-yellow-background-color {
  background-color: rgb(255, 241, 0) !important;
  color: inherit;
}

.color-green {
  color: rgb(3, 175, 122) !important;
  border-color: rgb(3, 175, 122) !important;
}

.has-green-color {
  color: rgb(3, 175, 122) !important;
  border-color: rgb(3, 175, 122) !important;
}

.has-green-background-color {
  background-color: rgb(3, 175, 122) !important;
  color: inherit;
}

.color-blue {
  color: rgb(0, 90, 255) !important;
  border-color: rgb(0, 90, 255) !important;
}

.has-blue-color {
  color: rgb(0, 90, 255) !important;
  border-color: rgb(0, 90, 255) !important;
}

.has-blue-background-color {
  background-color: rgb(0, 90, 255) !important;
  color: inherit;
}

.color-skyblue {
  color: rgb(77, 196, 255) !important;
  border-color: rgb(77, 196, 255) !important;
}

.has-skyblue-color {
  color: rgb(77, 196, 255) !important;
  border-color: rgb(77, 196, 255) !important;
}

.has-skyblue-background-color {
  background-color: rgb(77, 196, 255) !important;
  color: inherit;
}

.color-pink {
  color: rgb(255, 128, 130) !important;
  border-color: rgb(255, 128, 130) !important;
}

.has-pink-color {
  color: rgb(255, 128, 130) !important;
  border-color: rgb(255, 128, 130) !important;
}

.has-pink-background-color {
  background-color: rgb(255, 128, 130) !important;
  color: inherit;
}

.color-orange {
  color: rgb(246, 170, 0) !important;
  border-color: rgb(246, 170, 0) !important;
}

.has-orange-color {
  color: rgb(246, 170, 0) !important;
  border-color: rgb(246, 170, 0) !important;
}

.has-orange-background-color {
  background-color: rgb(246, 170, 0) !important;
  color: inherit;
}

.color-purple {
  color: rgb(153, 0, 153) !important;
  border-color: rgb(153, 0, 153) !important;
}

.has-purple-color {
  color: rgb(153, 0, 153) !important;
  border-color: rgb(153, 0, 153) !important;
}

.has-purple-background-color {
  background-color: rgb(153, 0, 153) !important;
  color: inherit;
}

.color-brown {
  color: rgb(128, 64, 0) !important;
  border-color: rgb(128, 64, 0) !important;
}

.has-brown-color {
  color: rgb(128, 64, 0) !important;
  border-color: rgb(128, 64, 0) !important;
}

.has-brown-background-color {
  background-color: rgb(128, 64, 0) !important;
  color: inherit;
}

:root {
  --color-background: #fff;
  --color-text: #333;
  --color-primary: #00006f;
  --color-secondary: #488e00;
  --color-subtle: #fdfaef;
  --color-site-green: #5ab64d;
  --color-site-blue: #2990d0;
  --color-site-orange: #ea5224;
  --color-site-yellow-green: #abcd03;
  --color-hover: #df2c08;
  --color-white: #fff;
  --color-light-gray: #efefef;
  --color-medium-gray: #dbdbdb;
  --color-gray: #84919e;
  --color-black: #000;
  --color-red: rgb(255, 0, 0);
  --color-yellow: rgb(255, 241, 0);
  --color-green: rgb(3, 175, 122);
  --color-blue: rgb(0, 90, 255);
  --color-skyblue: rgb(77, 196, 255);
  --color-pink: rgb(255, 128, 130);
  --color-orange: rgb(246, 170, 0);
  --color-purple: rgb(153, 0, 153);
  --color-brown: rgb(128, 64, 0);
}

/* wordpressデフォルトカラー ------------------------------------ */
.color-pale-pink {
  color: #f78da7 !important;
  border-color: #f78da7 !important;
}

.has-pale-pink-color {
  color: #f78da7 !important;
  border-color: #f78da7 !important;
}

.has-pale-pink-background-color {
  background-color: #f78da7 !important;
  color: inherit;
}

.color-vivid-red {
  color: #cf2e2e !important;
  border-color: #cf2e2e !important;
}

.has-vivid-red-color {
  color: #cf2e2e !important;
  border-color: #cf2e2e !important;
}

.has-vivid-red-background-color {
  background-color: #cf2e2e !important;
  color: inherit;
}

.color-luminous-vivid-orange {
  color: #ff6900 !important;
  border-color: #ff6900 !important;
}

.has-luminous-vivid-orange-color {
  color: #ff6900 !important;
  border-color: #ff6900 !important;
}

.has-luminous-vivid-orange-background-color {
  background-color: #ff6900 !important;
  color: inherit;
}

.color-luminous-vivid-amber {
  color: #fcb900 !important;
  border-color: #fcb900 !important;
}

.has-luminous-vivid-amber-color {
  color: #fcb900 !important;
  border-color: #fcb900 !important;
}

.has-luminous-vivid-amber-background-color {
  background-color: #fcb900 !important;
  color: inherit;
}

.color-light-green-cyan {
  color: #7bdcb5 !important;
  border-color: #7bdcb5 !important;
}

.has-light-green-cyan-color {
  color: #7bdcb5 !important;
  border-color: #7bdcb5 !important;
}

.has-light-green-cyan-background-color {
  background-color: #7bdcb5 !important;
  color: inherit;
}

.color-vivid-green-cyan {
  color: #00d084 !important;
  border-color: #00d084 !important;
}

.has-vivid-green-cyan-color {
  color: #00d084 !important;
  border-color: #00d084 !important;
}

.has-vivid-green-cyan-background-color {
  background-color: #00d084 !important;
  color: inherit;
}

.color-pale-cyan-blue {
  color: #8ed1fc !important;
  border-color: #8ed1fc !important;
}

.has-pale-cyan-blue-color {
  color: #8ed1fc !important;
  border-color: #8ed1fc !important;
}

.has-pale-cyan-blue-background-color {
  background-color: #8ed1fc !important;
  color: inherit;
}

.color-vivid-cyan-blue {
  color: #0693e3 !important;
  border-color: #0693e3 !important;
}

.has-vivid-cyan-blue-color {
  color: #0693e3 !important;
  border-color: #0693e3 !important;
}

.has-vivid-cyan-blue-background-color {
  background-color: #0693e3 !important;
  color: inherit;
}

.color-very-light-gray {
  color: #eee !important;
  border-color: #eee !important;
}

.has-very-light-gray-color {
  color: #eee !important;
  border-color: #eee !important;
}

.has-very-light-gray-background-color {
  background-color: #eee !important;
  color: inherit;
}

.color-cyan-bluish-gray {
  color: #abb8c3 !important;
  border-color: #abb8c3 !important;
}

.has-cyan-bluish-gray-color {
  color: #abb8c3 !important;
  border-color: #abb8c3 !important;
}

.has-cyan-bluish-gray-background-color {
  background-color: #abb8c3 !important;
  color: inherit;
}

.color-very-dark-gray {
  color: #313131 !important;
  border-color: #313131 !important;
}

.has-very-dark-gray-color {
  color: #313131 !important;
  border-color: #313131 !important;
}

.has-very-dark-gray-background-color {
  background-color: #313131 !important;
  color: inherit;
}

:root {
  --color-pale-pink: #f78da7;
  --color-vivid-red: #cf2e2e;
  --color-luminous-vivid-orange: #ff6900;
  --color-luminous-vivid-amber: #fcb900;
  --color-light-green-cyan: #7bdcb5;
  --color-vivid-green-cyan: #00d084;
  --color-pale-cyan-blue: #8ed1fc;
  --color-vivid-cyan-blue: #0693e3;
  --color-very-light-gray: #eee;
  --color-cyan-bluish-gray: #abb8c3;
  --color-very-dark-gray: #313131;
}

.font-size-small,
.font-size-small * {
  font-size: clamp(1.2rem, 1.3vw, 1.3rem) !important;
}

.font-size-medium,
.font-size-medium * {
  font-size: clamp(1.3rem, 1.4vw, 1.4rem) !important;
}

.font-size-nomal,
.font-size-nomal * {
  font-size: clamp(1.4rem, 1.6vw, 1.6rem) !important;
}

.font-size-medium-large,
.font-size-medium-large * {
  font-size: clamp(1.8rem, 1.9vw, 2rem) !important;
}

.font-size-large,
.font-size-large * {
  font-size: clamp(2rem, 2.4vw, 2.4rem) !important;
}

.font-size-x-large,
.font-size-x-large * {
  font-size: clamp(2.4rem, 3.6vw, 3.6rem) !important;
}

.font-size-larger,
.font-size-larger * {
  font-size: clamp(2.4rem, 3.6vw, 3.6rem) !important;
}

:root {
  --font-gothic: "Roboto", "Noto Sans JP", "Hiragino Sans", "Meiryo", "Hiragino Kaku Gothic ProN", sans-serif;
  --font-english: "Roboto", Segoe UI, SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mincho: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

:root {
  --gutter-x: 15px;
  --gutter-y: 15px;
}

@media screen and (min-width: 768px ) {
  :root {
    --gutter-x: clamp(30px, 5vw, 100px);
    --gutter-y: clamp(30px, 5vw, 30px);
  }
}
.pageHero {
  position: relative;
  height: 80vw;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: url(../images/page/pageHero-default.jpg) repeat-x center center;
}

@media screen and (min-width: 768px ) {
  .pageHero {
    height: 500px;
  }
}
.pageHero-inner {
  position: relative;
  z-index: 2;
}

.pageHero-ttl {
  text-align: center;
  font-weight: bold;
  line-height: 1.2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #fff;
}

.pageHero-ttl .ja {
  font-size: clamp(1.6rem, 4vw, 3rem);
}

@media screen and (min-width: 768px ) {
  .pageHero-ttl .ja {
    letter-spacing: 0.2em;
  }
}
.pageHero-ttl .en {
  line-height: 1;
  font-size: clamp(2rem, 9vw, 6rem);
}

@media screen and (min-width: 768px ) {
  .pageHero-ttl .en {
    letter-spacing: 0.1em;
  }
}
.message .pageHero {
  background: url(../images/page/pageHero-message.jpg) repeat-x center center;
}

.interview .pageHero::before,
.company .pageHero::before,
.recruit .pageHero::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  display: block;
  width: 55%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.interview .pageHero::after,
.company .pageHero::after,
.recruit .pageHero::after {
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  display: block;
  width: 55%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-clip-path: polygon(9.5vw 0, 100vw 0, 100vw 100%, 0% 100%);
          clip-path: polygon(9.5vw 0, 100vw 0, 100vw 100%, 0% 100%);
}

.interview .pageHero::before {
  background-image: url(../images/page/pageHero-interview-1.jpg);
}

.interview .pageHero::after {
  background-image: url(../images/page/pageHero-interview-2.jpg);
}

.recruit .pageHero::before {
  background-image: url(../images/page/pageHero-recruit-1.jpg);
}

.recruit .pageHero::after {
  background-image: url(../images/page/pageHero-recruit-2.jpg);
}

.company .pageHero::before {
  background-image: url(../images/page/pageHero-company-1.jpg);
}

.company .pageHero::after {
  background-image: url(../images/page/pageHero-company-2.jpg);
}

:root {
  --container-max-width-sm: 480px;
  --container-max-width-md: 768px;
  --container-max-width-nm: 1000px;
  --container-max-width-lg: 1120px;
  --container-max-width-xl: 1300px;
  --container-max-width-xxl: 1600px;
}

/* カスタムカラー ------------------------------------ */
.color-background {
  color: #fff !important;
  border-color: #fff !important;
}

.has-background-color {
  color: #fff !important;
  border-color: #fff !important;
}

.has-background-background-color {
  background-color: #fff !important;
  color: inherit;
}

.color-text {
  color: #333 !important;
  border-color: #333 !important;
}

.has-text-color {
  color: #333 !important;
  border-color: #333 !important;
}

.has-text-background-color {
  background-color: #333 !important;
  color: inherit;
}

.color-primary {
  color: #00006f !important;
  border-color: #00006f !important;
}

.has-primary-color {
  color: #00006f !important;
  border-color: #00006f !important;
}

.has-primary-background-color {
  background-color: #00006f !important;
  color: inherit;
}

.color-secondary {
  color: #488e00 !important;
  border-color: #488e00 !important;
}

.has-secondary-color {
  color: #488e00 !important;
  border-color: #488e00 !important;
}

.has-secondary-background-color {
  background-color: #488e00 !important;
  color: inherit;
}

.color-subtle {
  color: #fdfaef !important;
  border-color: #fdfaef !important;
}

.has-subtle-color {
  color: #fdfaef !important;
  border-color: #fdfaef !important;
}

.has-subtle-background-color {
  background-color: #fdfaef !important;
  color: inherit;
}

.color-site-green {
  color: #5ab64d !important;
  border-color: #5ab64d !important;
}

.has-site-green-color {
  color: #5ab64d !important;
  border-color: #5ab64d !important;
}

.has-site-green-background-color {
  background-color: #5ab64d !important;
  color: inherit;
}

.color-site-blue {
  color: #2990d0 !important;
  border-color: #2990d0 !important;
}

.has-site-blue-color {
  color: #2990d0 !important;
  border-color: #2990d0 !important;
}

.has-site-blue-background-color {
  background-color: #2990d0 !important;
  color: inherit;
}

.color-site-orange {
  color: #ea5224 !important;
  border-color: #ea5224 !important;
}

.has-site-orange-color {
  color: #ea5224 !important;
  border-color: #ea5224 !important;
}

.has-site-orange-background-color {
  background-color: #ea5224 !important;
  color: inherit;
}

.color-site-yellow-green {
  color: #abcd03 !important;
  border-color: #abcd03 !important;
}

.has-site-yellow-green-color {
  color: #abcd03 !important;
  border-color: #abcd03 !important;
}

.has-site-yellow-green-background-color {
  background-color: #abcd03 !important;
  color: inherit;
}

.color-hover {
  color: #df2c08 !important;
  border-color: #df2c08 !important;
}

.has-hover-color {
  color: #df2c08 !important;
  border-color: #df2c08 !important;
}

.has-hover-background-color {
  background-color: #df2c08 !important;
  color: inherit;
}

.color-white {
  color: #fff !important;
  border-color: #fff !important;
}

.has-white-color {
  color: #fff !important;
  border-color: #fff !important;
}

.has-white-background-color {
  background-color: #fff !important;
  color: inherit;
}

.color-light-gray {
  color: #efefef !important;
  border-color: #efefef !important;
}

.has-light-gray-color {
  color: #efefef !important;
  border-color: #efefef !important;
}

.has-light-gray-background-color {
  background-color: #efefef !important;
  color: inherit;
}

.color-medium-gray {
  color: #dbdbdb !important;
  border-color: #dbdbdb !important;
}

.has-medium-gray-color {
  color: #dbdbdb !important;
  border-color: #dbdbdb !important;
}

.has-medium-gray-background-color {
  background-color: #dbdbdb !important;
  color: inherit;
}

.color-gray {
  color: #84919e !important;
  border-color: #84919e !important;
}

.has-gray-color {
  color: #84919e !important;
  border-color: #84919e !important;
}

.has-gray-background-color {
  background-color: #84919e !important;
  color: inherit;
}

.color-black {
  color: #000 !important;
  border-color: #000 !important;
}

.has-black-color {
  color: #000 !important;
  border-color: #000 !important;
}

.has-black-background-color {
  background-color: #000 !important;
  color: inherit;
}

.color-red {
  color: rgb(255, 0, 0) !important;
  border-color: rgb(255, 0, 0) !important;
}

.has-red-color {
  color: rgb(255, 0, 0) !important;
  border-color: rgb(255, 0, 0) !important;
}

.has-red-background-color {
  background-color: rgb(255, 0, 0) !important;
  color: inherit;
}

.color-yellow {
  color: rgb(255, 241, 0) !important;
  border-color: rgb(255, 241, 0) !important;
}

.has-yellow-color {
  color: rgb(255, 241, 0) !important;
  border-color: rgb(255, 241, 0) !important;
}

.has-yellow-background-color {
  background-color: rgb(255, 241, 0) !important;
  color: inherit;
}

.color-green {
  color: rgb(3, 175, 122) !important;
  border-color: rgb(3, 175, 122) !important;
}

.has-green-color {
  color: rgb(3, 175, 122) !important;
  border-color: rgb(3, 175, 122) !important;
}

.has-green-background-color {
  background-color: rgb(3, 175, 122) !important;
  color: inherit;
}

.color-blue {
  color: rgb(0, 90, 255) !important;
  border-color: rgb(0, 90, 255) !important;
}

.has-blue-color {
  color: rgb(0, 90, 255) !important;
  border-color: rgb(0, 90, 255) !important;
}

.has-blue-background-color {
  background-color: rgb(0, 90, 255) !important;
  color: inherit;
}

.color-skyblue {
  color: rgb(77, 196, 255) !important;
  border-color: rgb(77, 196, 255) !important;
}

.has-skyblue-color {
  color: rgb(77, 196, 255) !important;
  border-color: rgb(77, 196, 255) !important;
}

.has-skyblue-background-color {
  background-color: rgb(77, 196, 255) !important;
  color: inherit;
}

.color-pink {
  color: rgb(255, 128, 130) !important;
  border-color: rgb(255, 128, 130) !important;
}

.has-pink-color {
  color: rgb(255, 128, 130) !important;
  border-color: rgb(255, 128, 130) !important;
}

.has-pink-background-color {
  background-color: rgb(255, 128, 130) !important;
  color: inherit;
}

.color-orange {
  color: rgb(246, 170, 0) !important;
  border-color: rgb(246, 170, 0) !important;
}

.has-orange-color {
  color: rgb(246, 170, 0) !important;
  border-color: rgb(246, 170, 0) !important;
}

.has-orange-background-color {
  background-color: rgb(246, 170, 0) !important;
  color: inherit;
}

.color-purple {
  color: rgb(153, 0, 153) !important;
  border-color: rgb(153, 0, 153) !important;
}

.has-purple-color {
  color: rgb(153, 0, 153) !important;
  border-color: rgb(153, 0, 153) !important;
}

.has-purple-background-color {
  background-color: rgb(153, 0, 153) !important;
  color: inherit;
}

.color-brown {
  color: rgb(128, 64, 0) !important;
  border-color: rgb(128, 64, 0) !important;
}

.has-brown-color {
  color: rgb(128, 64, 0) !important;
  border-color: rgb(128, 64, 0) !important;
}

.has-brown-background-color {
  background-color: rgb(128, 64, 0) !important;
  color: inherit;
}

:root {
  --color-background: #fff;
  --color-text: #333;
  --color-primary: #00006f;
  --color-secondary: #488e00;
  --color-subtle: #fdfaef;
  --color-site-green: #5ab64d;
  --color-site-blue: #2990d0;
  --color-site-orange: #ea5224;
  --color-site-yellow-green: #abcd03;
  --color-hover: #df2c08;
  --color-white: #fff;
  --color-light-gray: #efefef;
  --color-medium-gray: #dbdbdb;
  --color-gray: #84919e;
  --color-black: #000;
  --color-red: rgb(255, 0, 0);
  --color-yellow: rgb(255, 241, 0);
  --color-green: rgb(3, 175, 122);
  --color-blue: rgb(0, 90, 255);
  --color-skyblue: rgb(77, 196, 255);
  --color-pink: rgb(255, 128, 130);
  --color-orange: rgb(246, 170, 0);
  --color-purple: rgb(153, 0, 153);
  --color-brown: rgb(128, 64, 0);
}

/* wordpressデフォルトカラー ------------------------------------ */
.color-pale-pink {
  color: #f78da7 !important;
  border-color: #f78da7 !important;
}

.has-pale-pink-color {
  color: #f78da7 !important;
  border-color: #f78da7 !important;
}

.has-pale-pink-background-color {
  background-color: #f78da7 !important;
  color: inherit;
}

.color-vivid-red {
  color: #cf2e2e !important;
  border-color: #cf2e2e !important;
}

.has-vivid-red-color {
  color: #cf2e2e !important;
  border-color: #cf2e2e !important;
}

.has-vivid-red-background-color {
  background-color: #cf2e2e !important;
  color: inherit;
}

.color-luminous-vivid-orange {
  color: #ff6900 !important;
  border-color: #ff6900 !important;
}

.has-luminous-vivid-orange-color {
  color: #ff6900 !important;
  border-color: #ff6900 !important;
}

.has-luminous-vivid-orange-background-color {
  background-color: #ff6900 !important;
  color: inherit;
}

.color-luminous-vivid-amber {
  color: #fcb900 !important;
  border-color: #fcb900 !important;
}

.has-luminous-vivid-amber-color {
  color: #fcb900 !important;
  border-color: #fcb900 !important;
}

.has-luminous-vivid-amber-background-color {
  background-color: #fcb900 !important;
  color: inherit;
}

.color-light-green-cyan {
  color: #7bdcb5 !important;
  border-color: #7bdcb5 !important;
}

.has-light-green-cyan-color {
  color: #7bdcb5 !important;
  border-color: #7bdcb5 !important;
}

.has-light-green-cyan-background-color {
  background-color: #7bdcb5 !important;
  color: inherit;
}

.color-vivid-green-cyan {
  color: #00d084 !important;
  border-color: #00d084 !important;
}

.has-vivid-green-cyan-color {
  color: #00d084 !important;
  border-color: #00d084 !important;
}

.has-vivid-green-cyan-background-color {
  background-color: #00d084 !important;
  color: inherit;
}

.color-pale-cyan-blue {
  color: #8ed1fc !important;
  border-color: #8ed1fc !important;
}

.has-pale-cyan-blue-color {
  color: #8ed1fc !important;
  border-color: #8ed1fc !important;
}

.has-pale-cyan-blue-background-color {
  background-color: #8ed1fc !important;
  color: inherit;
}

.color-vivid-cyan-blue {
  color: #0693e3 !important;
  border-color: #0693e3 !important;
}

.has-vivid-cyan-blue-color {
  color: #0693e3 !important;
  border-color: #0693e3 !important;
}

.has-vivid-cyan-blue-background-color {
  background-color: #0693e3 !important;
  color: inherit;
}

.color-very-light-gray {
  color: #eee !important;
  border-color: #eee !important;
}

.has-very-light-gray-color {
  color: #eee !important;
  border-color: #eee !important;
}

.has-very-light-gray-background-color {
  background-color: #eee !important;
  color: inherit;
}

.color-cyan-bluish-gray {
  color: #abb8c3 !important;
  border-color: #abb8c3 !important;
}

.has-cyan-bluish-gray-color {
  color: #abb8c3 !important;
  border-color: #abb8c3 !important;
}

.has-cyan-bluish-gray-background-color {
  background-color: #abb8c3 !important;
  color: inherit;
}

.color-very-dark-gray {
  color: #313131 !important;
  border-color: #313131 !important;
}

.has-very-dark-gray-color {
  color: #313131 !important;
  border-color: #313131 !important;
}

.has-very-dark-gray-background-color {
  background-color: #313131 !important;
  color: inherit;
}

:root {
  --color-pale-pink: #f78da7;
  --color-vivid-red: #cf2e2e;
  --color-luminous-vivid-orange: #ff6900;
  --color-luminous-vivid-amber: #fcb900;
  --color-light-green-cyan: #7bdcb5;
  --color-vivid-green-cyan: #00d084;
  --color-pale-cyan-blue: #8ed1fc;
  --color-vivid-cyan-blue: #0693e3;
  --color-very-light-gray: #eee;
  --color-cyan-bluish-gray: #abb8c3;
  --color-very-dark-gray: #313131;
}

.font-size-small,
.font-size-small * {
  font-size: clamp(1.2rem, 1.3vw, 1.3rem) !important;
}

.font-size-medium,
.font-size-medium * {
  font-size: clamp(1.3rem, 1.4vw, 1.4rem) !important;
}

.font-size-nomal,
.font-size-nomal * {
  font-size: clamp(1.4rem, 1.6vw, 1.6rem) !important;
}

.font-size-medium-large,
.font-size-medium-large * {
  font-size: clamp(1.8rem, 1.9vw, 2rem) !important;
}

.font-size-large,
.font-size-large * {
  font-size: clamp(2rem, 2.4vw, 2.4rem) !important;
}

.font-size-x-large,
.font-size-x-large * {
  font-size: clamp(2.4rem, 3.6vw, 3.6rem) !important;
}

.font-size-larger,
.font-size-larger * {
  font-size: clamp(2.4rem, 3.6vw, 3.6rem) !important;
}

:root {
  --font-gothic: "Roboto", "Noto Sans JP", "Hiragino Sans", "Meiryo", "Hiragino Kaku Gothic ProN", sans-serif;
  --font-english: "Roboto", Segoe UI, SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mincho: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

:root {
  --gutter-x: 15px;
  --gutter-y: 15px;
}

@media screen and (min-width: 768px ) {
  :root {
    --gutter-x: clamp(30px, 5vw, 100px);
    --gutter-y: clamp(30px, 5vw, 30px);
  }
}
.interview-midashi {
  text-align: center;
  font-size: clamp(1.7rem, 4vw, 4rem);
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 0.5em;
}

.interview-read {
  text-align: center;
  font-size: clamp(1.6rem, 2.4vw, 2.4rem);
  line-height: 1.6;
  margin-bottom: 1em;
}

.interviewCard-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 50px;
}

@media screen and (min-width: 768px ) {
  .interviewCard-wrap .interviewCard:nth-child(even) .card-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.interviewCard-wrap .interviewCard.te .prof-data::before {
  background-color: var(--color-site-green);
}

.interviewCard-wrap .interviewCard.tce .prof-data::before {
  background-color: var(--color-site-blue);
}

.interviewCard-wrap .interviewCard.it .prof-data::before {
  background-color: var(--color-site-orange);
}

.interviewCard-wrap .interviewCard.sh .prof-data::before {
  background-color: var(--color-site-yellow-green);
}

.interviewCard {
  --card-gap: 20px;
  position: relative;
}

@media screen and (min-width: 768px ) {
  .interviewCard {
    --card-gap: 30px;
  }
}
.interviewCard::before {
  background-color: var(--color-light-gray);
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

@media screen and (min-width: 768px ) {
  .interviewCard::before {
    bottom: calc(var(--card-gap));
  }
}
.interviewCard .card-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

@media screen and (min-width: 768px ) {
  .interviewCard .card-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.interviewCard .txtArea {
  width: 100%;
  padding: var(--card-gap);
}

@media screen and (min-width: 768px ) {
  .interviewCard .txtArea {
    width: 60%;
    padding: var(--card-gap) var(--card-gap) calc(2 * var(--card-gap));
  }
}
.interviewCard .txtArea h3 {
  font-size: clamp(1.8rem, 3vw, 3rem);
  font-weight: bold;
  line-height: 1.4;
}

.interviewCard .txtArea p {
  -webkit-margin-before: 0.5em;
          margin-block-start: 0.5em;
}

@media screen and (min-width: 480px ) {
  .interviewCard .txtArea p {
    font-size: clamp(1.4rem, 1.8vw, 1.8rem);
  }
}
@media screen and (min-width: 768px ) {
  .interviewCard .txtArea p {
    line-height: 2;
  }
}
.interviewCard .profArea {
  width: 100%;
}

@media screen and (min-width: 768px ) {
  .interviewCard .profArea {
    width: 40%;
    padding-top: var(--card-gap);
  }
}
.interviewCard .prof-data {
  position: relative;
  padding: var(--card-gap) var(--card-gap) var(--card-gap) calc(var(--card-gap) * 2);
}

.interviewCard .prof-data:before {
  background-color: var(--color-primary);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  padding-top: 53%;
  content: "";
  display: block;
  -webkit-clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 86% 100%);
          clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 86% 100%);
}

.interviewCard .prof-data:after {
  background-color: #f08300;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  padding-top: 53%;
  content: "";
  display: block;
  -webkit-clip-path: polygon(0 0, 0% 100%, 14% 0%);
          clip-path: polygon(0 0, 0% 100%, 14% 0%);
}

.interviewCard .prof-data > * {
  position: relative;
  z-index: 1;
  color: #fff;
}

.interviewCard .prof-data .company-name {
  font-size: clamp(1.6rem, 4vw, 2.2rem);
  font-weight: bold;
  line-height: 1.4;
}

.interviewCard .prof-data .name {
  -webkit-margin-before: 0.5em;
          margin-block-start: 0.5em;
  font-size: clamp(1.6rem, 4vw, 2.2rem);
  font-weight: bold;
  line-height: 1.4;
}

.interviewCard .prof-data .name span {
  font-size: 60%;
}

.interviewCard .prof-data .other {
  font-size: clamp(1.4rem, 1.6vw, 1.6rem);
  line-height: 1.4;
}

.interviewCard .prof-img {
  text-align: center;
  position: relative;
  z-index: 1;
  padding: 0 var(--card-gap) 0 var(--card-gap);
}

@media screen and (min-width: 768px ) {
  .interviewCard .prof-img {
    padding: 0 calc(2 * var(--card-gap)) 0 var(--card-gap);
  }
}
.interviewCard .prof-img img {
  display: inline-block;
  max-width: 300px;
  width: 100%;
}

:root {
  --container-max-width-sm: 480px;
  --container-max-width-md: 768px;
  --container-max-width-nm: 1000px;
  --container-max-width-lg: 1120px;
  --container-max-width-xl: 1300px;
  --container-max-width-xxl: 1600px;
}

/* カスタムカラー ------------------------------------ */
.color-background {
  color: #fff !important;
  border-color: #fff !important;
}

.has-background-color {
  color: #fff !important;
  border-color: #fff !important;
}

.has-background-background-color {
  background-color: #fff !important;
  color: inherit;
}

.color-text {
  color: #333 !important;
  border-color: #333 !important;
}

.has-text-color {
  color: #333 !important;
  border-color: #333 !important;
}

.has-text-background-color {
  background-color: #333 !important;
  color: inherit;
}

.color-primary {
  color: #00006f !important;
  border-color: #00006f !important;
}

.has-primary-color {
  color: #00006f !important;
  border-color: #00006f !important;
}

.has-primary-background-color {
  background-color: #00006f !important;
  color: inherit;
}

.color-secondary {
  color: #488e00 !important;
  border-color: #488e00 !important;
}

.has-secondary-color {
  color: #488e00 !important;
  border-color: #488e00 !important;
}

.has-secondary-background-color {
  background-color: #488e00 !important;
  color: inherit;
}

.color-subtle {
  color: #fdfaef !important;
  border-color: #fdfaef !important;
}

.has-subtle-color {
  color: #fdfaef !important;
  border-color: #fdfaef !important;
}

.has-subtle-background-color {
  background-color: #fdfaef !important;
  color: inherit;
}

.color-site-green {
  color: #5ab64d !important;
  border-color: #5ab64d !important;
}

.has-site-green-color {
  color: #5ab64d !important;
  border-color: #5ab64d !important;
}

.has-site-green-background-color {
  background-color: #5ab64d !important;
  color: inherit;
}

.color-site-blue {
  color: #2990d0 !important;
  border-color: #2990d0 !important;
}

.has-site-blue-color {
  color: #2990d0 !important;
  border-color: #2990d0 !important;
}

.has-site-blue-background-color {
  background-color: #2990d0 !important;
  color: inherit;
}

.color-site-orange {
  color: #ea5224 !important;
  border-color: #ea5224 !important;
}

.has-site-orange-color {
  color: #ea5224 !important;
  border-color: #ea5224 !important;
}

.has-site-orange-background-color {
  background-color: #ea5224 !important;
  color: inherit;
}

.color-site-yellow-green {
  color: #abcd03 !important;
  border-color: #abcd03 !important;
}

.has-site-yellow-green-color {
  color: #abcd03 !important;
  border-color: #abcd03 !important;
}

.has-site-yellow-green-background-color {
  background-color: #abcd03 !important;
  color: inherit;
}

.color-hover {
  color: #df2c08 !important;
  border-color: #df2c08 !important;
}

.has-hover-color {
  color: #df2c08 !important;
  border-color: #df2c08 !important;
}

.has-hover-background-color {
  background-color: #df2c08 !important;
  color: inherit;
}

.color-white {
  color: #fff !important;
  border-color: #fff !important;
}

.has-white-color {
  color: #fff !important;
  border-color: #fff !important;
}

.has-white-background-color {
  background-color: #fff !important;
  color: inherit;
}

.color-light-gray {
  color: #efefef !important;
  border-color: #efefef !important;
}

.has-light-gray-color {
  color: #efefef !important;
  border-color: #efefef !important;
}

.has-light-gray-background-color {
  background-color: #efefef !important;
  color: inherit;
}

.color-medium-gray {
  color: #dbdbdb !important;
  border-color: #dbdbdb !important;
}

.has-medium-gray-color {
  color: #dbdbdb !important;
  border-color: #dbdbdb !important;
}

.has-medium-gray-background-color {
  background-color: #dbdbdb !important;
  color: inherit;
}

.color-gray {
  color: #84919e !important;
  border-color: #84919e !important;
}

.has-gray-color {
  color: #84919e !important;
  border-color: #84919e !important;
}

.has-gray-background-color {
  background-color: #84919e !important;
  color: inherit;
}

.color-black {
  color: #000 !important;
  border-color: #000 !important;
}

.has-black-color {
  color: #000 !important;
  border-color: #000 !important;
}

.has-black-background-color {
  background-color: #000 !important;
  color: inherit;
}

.color-red {
  color: rgb(255, 0, 0) !important;
  border-color: rgb(255, 0, 0) !important;
}

.has-red-color {
  color: rgb(255, 0, 0) !important;
  border-color: rgb(255, 0, 0) !important;
}

.has-red-background-color {
  background-color: rgb(255, 0, 0) !important;
  color: inherit;
}

.color-yellow {
  color: rgb(255, 241, 0) !important;
  border-color: rgb(255, 241, 0) !important;
}

.has-yellow-color {
  color: rgb(255, 241, 0) !important;
  border-color: rgb(255, 241, 0) !important;
}

.has-yellow-background-color {
  background-color: rgb(255, 241, 0) !important;
  color: inherit;
}

.color-green {
  color: rgb(3, 175, 122) !important;
  border-color: rgb(3, 175, 122) !important;
}

.has-green-color {
  color: rgb(3, 175, 122) !important;
  border-color: rgb(3, 175, 122) !important;
}

.has-green-background-color {
  background-color: rgb(3, 175, 122) !important;
  color: inherit;
}

.color-blue {
  color: rgb(0, 90, 255) !important;
  border-color: rgb(0, 90, 255) !important;
}

.has-blue-color {
  color: rgb(0, 90, 255) !important;
  border-color: rgb(0, 90, 255) !important;
}

.has-blue-background-color {
  background-color: rgb(0, 90, 255) !important;
  color: inherit;
}

.color-skyblue {
  color: rgb(77, 196, 255) !important;
  border-color: rgb(77, 196, 255) !important;
}

.has-skyblue-color {
  color: rgb(77, 196, 255) !important;
  border-color: rgb(77, 196, 255) !important;
}

.has-skyblue-background-color {
  background-color: rgb(77, 196, 255) !important;
  color: inherit;
}

.color-pink {
  color: rgb(255, 128, 130) !important;
  border-color: rgb(255, 128, 130) !important;
}

.has-pink-color {
  color: rgb(255, 128, 130) !important;
  border-color: rgb(255, 128, 130) !important;
}

.has-pink-background-color {
  background-color: rgb(255, 128, 130) !important;
  color: inherit;
}

.color-orange {
  color: rgb(246, 170, 0) !important;
  border-color: rgb(246, 170, 0) !important;
}

.has-orange-color {
  color: rgb(246, 170, 0) !important;
  border-color: rgb(246, 170, 0) !important;
}

.has-orange-background-color {
  background-color: rgb(246, 170, 0) !important;
  color: inherit;
}

.color-purple {
  color: rgb(153, 0, 153) !important;
  border-color: rgb(153, 0, 153) !important;
}

.has-purple-color {
  color: rgb(153, 0, 153) !important;
  border-color: rgb(153, 0, 153) !important;
}

.has-purple-background-color {
  background-color: rgb(153, 0, 153) !important;
  color: inherit;
}

.color-brown {
  color: rgb(128, 64, 0) !important;
  border-color: rgb(128, 64, 0) !important;
}

.has-brown-color {
  color: rgb(128, 64, 0) !important;
  border-color: rgb(128, 64, 0) !important;
}

.has-brown-background-color {
  background-color: rgb(128, 64, 0) !important;
  color: inherit;
}

:root {
  --color-background: #fff;
  --color-text: #333;
  --color-primary: #00006f;
  --color-secondary: #488e00;
  --color-subtle: #fdfaef;
  --color-site-green: #5ab64d;
  --color-site-blue: #2990d0;
  --color-site-orange: #ea5224;
  --color-site-yellow-green: #abcd03;
  --color-hover: #df2c08;
  --color-white: #fff;
  --color-light-gray: #efefef;
  --color-medium-gray: #dbdbdb;
  --color-gray: #84919e;
  --color-black: #000;
  --color-red: rgb(255, 0, 0);
  --color-yellow: rgb(255, 241, 0);
  --color-green: rgb(3, 175, 122);
  --color-blue: rgb(0, 90, 255);
  --color-skyblue: rgb(77, 196, 255);
  --color-pink: rgb(255, 128, 130);
  --color-orange: rgb(246, 170, 0);
  --color-purple: rgb(153, 0, 153);
  --color-brown: rgb(128, 64, 0);
}

/* wordpressデフォルトカラー ------------------------------------ */
.color-pale-pink {
  color: #f78da7 !important;
  border-color: #f78da7 !important;
}

.has-pale-pink-color {
  color: #f78da7 !important;
  border-color: #f78da7 !important;
}

.has-pale-pink-background-color {
  background-color: #f78da7 !important;
  color: inherit;
}

.color-vivid-red {
  color: #cf2e2e !important;
  border-color: #cf2e2e !important;
}

.has-vivid-red-color {
  color: #cf2e2e !important;
  border-color: #cf2e2e !important;
}

.has-vivid-red-background-color {
  background-color: #cf2e2e !important;
  color: inherit;
}

.color-luminous-vivid-orange {
  color: #ff6900 !important;
  border-color: #ff6900 !important;
}

.has-luminous-vivid-orange-color {
  color: #ff6900 !important;
  border-color: #ff6900 !important;
}

.has-luminous-vivid-orange-background-color {
  background-color: #ff6900 !important;
  color: inherit;
}

.color-luminous-vivid-amber {
  color: #fcb900 !important;
  border-color: #fcb900 !important;
}

.has-luminous-vivid-amber-color {
  color: #fcb900 !important;
  border-color: #fcb900 !important;
}

.has-luminous-vivid-amber-background-color {
  background-color: #fcb900 !important;
  color: inherit;
}

.color-light-green-cyan {
  color: #7bdcb5 !important;
  border-color: #7bdcb5 !important;
}

.has-light-green-cyan-color {
  color: #7bdcb5 !important;
  border-color: #7bdcb5 !important;
}

.has-light-green-cyan-background-color {
  background-color: #7bdcb5 !important;
  color: inherit;
}

.color-vivid-green-cyan {
  color: #00d084 !important;
  border-color: #00d084 !important;
}

.has-vivid-green-cyan-color {
  color: #00d084 !important;
  border-color: #00d084 !important;
}

.has-vivid-green-cyan-background-color {
  background-color: #00d084 !important;
  color: inherit;
}

.color-pale-cyan-blue {
  color: #8ed1fc !important;
  border-color: #8ed1fc !important;
}

.has-pale-cyan-blue-color {
  color: #8ed1fc !important;
  border-color: #8ed1fc !important;
}

.has-pale-cyan-blue-background-color {
  background-color: #8ed1fc !important;
  color: inherit;
}

.color-vivid-cyan-blue {
  color: #0693e3 !important;
  border-color: #0693e3 !important;
}

.has-vivid-cyan-blue-color {
  color: #0693e3 !important;
  border-color: #0693e3 !important;
}

.has-vivid-cyan-blue-background-color {
  background-color: #0693e3 !important;
  color: inherit;
}

.color-very-light-gray {
  color: #eee !important;
  border-color: #eee !important;
}

.has-very-light-gray-color {
  color: #eee !important;
  border-color: #eee !important;
}

.has-very-light-gray-background-color {
  background-color: #eee !important;
  color: inherit;
}

.color-cyan-bluish-gray {
  color: #abb8c3 !important;
  border-color: #abb8c3 !important;
}

.has-cyan-bluish-gray-color {
  color: #abb8c3 !important;
  border-color: #abb8c3 !important;
}

.has-cyan-bluish-gray-background-color {
  background-color: #abb8c3 !important;
  color: inherit;
}

.color-very-dark-gray {
  color: #313131 !important;
  border-color: #313131 !important;
}

.has-very-dark-gray-color {
  color: #313131 !important;
  border-color: #313131 !important;
}

.has-very-dark-gray-background-color {
  background-color: #313131 !important;
  color: inherit;
}

:root {
  --color-pale-pink: #f78da7;
  --color-vivid-red: #cf2e2e;
  --color-luminous-vivid-orange: #ff6900;
  --color-luminous-vivid-amber: #fcb900;
  --color-light-green-cyan: #7bdcb5;
  --color-vivid-green-cyan: #00d084;
  --color-pale-cyan-blue: #8ed1fc;
  --color-vivid-cyan-blue: #0693e3;
  --color-very-light-gray: #eee;
  --color-cyan-bluish-gray: #abb8c3;
  --color-very-dark-gray: #313131;
}

.font-size-small,
.font-size-small * {
  font-size: clamp(1.2rem, 1.3vw, 1.3rem) !important;
}

.font-size-medium,
.font-size-medium * {
  font-size: clamp(1.3rem, 1.4vw, 1.4rem) !important;
}

.font-size-nomal,
.font-size-nomal * {
  font-size: clamp(1.4rem, 1.6vw, 1.6rem) !important;
}

.font-size-medium-large,
.font-size-medium-large * {
  font-size: clamp(1.8rem, 1.9vw, 2rem) !important;
}

.font-size-large,
.font-size-large * {
  font-size: clamp(2rem, 2.4vw, 2.4rem) !important;
}

.font-size-x-large,
.font-size-x-large * {
  font-size: clamp(2.4rem, 3.6vw, 3.6rem) !important;
}

.font-size-larger,
.font-size-larger * {
  font-size: clamp(2.4rem, 3.6vw, 3.6rem) !important;
}

:root {
  --font-gothic: "Roboto", "Noto Sans JP", "Hiragino Sans", "Meiryo", "Hiragino Kaku Gothic ProN", sans-serif;
  --font-english: "Roboto", Segoe UI, SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mincho: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

:root {
  --gutter-x: 15px;
  --gutter-y: 15px;
}

@media screen and (min-width: 768px ) {
  :root {
    --gutter-x: clamp(30px, 5vw, 100px);
    --gutter-y: clamp(30px, 5vw, 30px);
  }
}
.messagePresident {
  background-color: #fffaec;
  padding-top: 50px;
}

.messagePresident .messagePresident-midashi {
  font-size: clamp(2.2rem, 6vw, 6rem);
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 0.5em;
}

.messagePresident .messagePresident-read {
  font-size: clamp(1.8rem, 3vw, 3rem);
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 2em;
}

@media screen and (min-width: 768px ) {
  .messagePresident .messagePresident-read {
    margin-bottom: 0.5em;
  }
}
.messagePresident .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (min-width: 768px ) {
  .messagePresident .row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.messagePresident .row .profile {
  padding-bottom: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media screen and (min-width: 768px ) {
  .messagePresident .row .profile {
    padding-bottom: 50px;
  }
}
.messagePresident .row .profile .company-name {
  font-size: clamp(1.4rem, 2vw, 2rem);
  line-height: 1.4;
  font-weight: bold;
}

.messagePresident .row .profile .president-name .job {
  font-size: clamp(1.4rem, 2vw, 2rem);
  line-height: 1.4;
  font-weight: bold;
  margin-right: 1em;
}

.messagePresident .row .profile .president-name .name {
  font-size: clamp(1.6rem, 3vw, 3rem);
  letter-spacing: 0.1em;
  line-height: 1.4;
  font-weight: bold;
}

.messagePresident .row .profile .english-name {
  font-family: var(--font-english);
  font-size: clamp(1.2rem, 1.6vw, 1.6rem);
}

.messagePresident .row .face {
  width: 100%;
  text-align: center;
}

@media screen and (min-width: 768px ) {
  .messagePresident .row .face {
    width: 50%;
  }
}
.messagePresident .row .face img {
  width: 100%;
  max-width: 400px;
}

@media screen and (min-width: 768px ) {
  .messagePresident .row .face img {
    max-width: 600px;
  }
}
.messageArea {
  background-color: #231815;
  padding-top: 50px;
  padding-bottom: 50px;
}

.messageArea-midashi {
  font-size: min(9vw, 110px);
  color: #fff;
  line-height: 1;
  font-family: var(--font-english);
  font-weight: bold;
  margin-bottom: 0.5em;
  text-align: center;
}

.messageArea-sec {
  -webkit-margin-before: 30px;
          margin-block-start: 30px;
}

.messageArea-sec h3 {
  color: #fff;
  font-size: clamp(1.8rem, 3vw, 2rem);
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 0.5em;
}

.messageArea-sec p {
  color: #fff;
  font-size: clamp(1.4rem, 1.8vw, 1.8rem);
}

:root {
  --container-max-width-sm: 480px;
  --container-max-width-md: 768px;
  --container-max-width-nm: 1000px;
  --container-max-width-lg: 1120px;
  --container-max-width-xl: 1300px;
  --container-max-width-xxl: 1600px;
}

/* カスタムカラー ------------------------------------ */
.color-background {
  color: #fff !important;
  border-color: #fff !important;
}

.has-background-color {
  color: #fff !important;
  border-color: #fff !important;
}

.has-background-background-color {
  background-color: #fff !important;
  color: inherit;
}

.color-text {
  color: #333 !important;
  border-color: #333 !important;
}

.has-text-color {
  color: #333 !important;
  border-color: #333 !important;
}

.has-text-background-color {
  background-color: #333 !important;
  color: inherit;
}

.color-primary {
  color: #00006f !important;
  border-color: #00006f !important;
}

.has-primary-color {
  color: #00006f !important;
  border-color: #00006f !important;
}

.has-primary-background-color {
  background-color: #00006f !important;
  color: inherit;
}

.color-secondary {
  color: #488e00 !important;
  border-color: #488e00 !important;
}

.has-secondary-color {
  color: #488e00 !important;
  border-color: #488e00 !important;
}

.has-secondary-background-color {
  background-color: #488e00 !important;
  color: inherit;
}

.color-subtle {
  color: #fdfaef !important;
  border-color: #fdfaef !important;
}

.has-subtle-color {
  color: #fdfaef !important;
  border-color: #fdfaef !important;
}

.has-subtle-background-color {
  background-color: #fdfaef !important;
  color: inherit;
}

.color-site-green {
  color: #5ab64d !important;
  border-color: #5ab64d !important;
}

.has-site-green-color {
  color: #5ab64d !important;
  border-color: #5ab64d !important;
}

.has-site-green-background-color {
  background-color: #5ab64d !important;
  color: inherit;
}

.color-site-blue {
  color: #2990d0 !important;
  border-color: #2990d0 !important;
}

.has-site-blue-color {
  color: #2990d0 !important;
  border-color: #2990d0 !important;
}

.has-site-blue-background-color {
  background-color: #2990d0 !important;
  color: inherit;
}

.color-site-orange {
  color: #ea5224 !important;
  border-color: #ea5224 !important;
}

.has-site-orange-color {
  color: #ea5224 !important;
  border-color: #ea5224 !important;
}

.has-site-orange-background-color {
  background-color: #ea5224 !important;
  color: inherit;
}

.color-site-yellow-green {
  color: #abcd03 !important;
  border-color: #abcd03 !important;
}

.has-site-yellow-green-color {
  color: #abcd03 !important;
  border-color: #abcd03 !important;
}

.has-site-yellow-green-background-color {
  background-color: #abcd03 !important;
  color: inherit;
}

.color-hover {
  color: #df2c08 !important;
  border-color: #df2c08 !important;
}

.has-hover-color {
  color: #df2c08 !important;
  border-color: #df2c08 !important;
}

.has-hover-background-color {
  background-color: #df2c08 !important;
  color: inherit;
}

.color-white {
  color: #fff !important;
  border-color: #fff !important;
}

.has-white-color {
  color: #fff !important;
  border-color: #fff !important;
}

.has-white-background-color {
  background-color: #fff !important;
  color: inherit;
}

.color-light-gray {
  color: #efefef !important;
  border-color: #efefef !important;
}

.has-light-gray-color {
  color: #efefef !important;
  border-color: #efefef !important;
}

.has-light-gray-background-color {
  background-color: #efefef !important;
  color: inherit;
}

.color-medium-gray {
  color: #dbdbdb !important;
  border-color: #dbdbdb !important;
}

.has-medium-gray-color {
  color: #dbdbdb !important;
  border-color: #dbdbdb !important;
}

.has-medium-gray-background-color {
  background-color: #dbdbdb !important;
  color: inherit;
}

.color-gray {
  color: #84919e !important;
  border-color: #84919e !important;
}

.has-gray-color {
  color: #84919e !important;
  border-color: #84919e !important;
}

.has-gray-background-color {
  background-color: #84919e !important;
  color: inherit;
}

.color-black {
  color: #000 !important;
  border-color: #000 !important;
}

.has-black-color {
  color: #000 !important;
  border-color: #000 !important;
}

.has-black-background-color {
  background-color: #000 !important;
  color: inherit;
}

.color-red {
  color: rgb(255, 0, 0) !important;
  border-color: rgb(255, 0, 0) !important;
}

.has-red-color {
  color: rgb(255, 0, 0) !important;
  border-color: rgb(255, 0, 0) !important;
}

.has-red-background-color {
  background-color: rgb(255, 0, 0) !important;
  color: inherit;
}

.color-yellow {
  color: rgb(255, 241, 0) !important;
  border-color: rgb(255, 241, 0) !important;
}

.has-yellow-color {
  color: rgb(255, 241, 0) !important;
  border-color: rgb(255, 241, 0) !important;
}

.has-yellow-background-color {
  background-color: rgb(255, 241, 0) !important;
  color: inherit;
}

.color-green {
  color: rgb(3, 175, 122) !important;
  border-color: rgb(3, 175, 122) !important;
}

.has-green-color {
  color: rgb(3, 175, 122) !important;
  border-color: rgb(3, 175, 122) !important;
}

.has-green-background-color {
  background-color: rgb(3, 175, 122) !important;
  color: inherit;
}

.color-blue {
  color: rgb(0, 90, 255) !important;
  border-color: rgb(0, 90, 255) !important;
}

.has-blue-color {
  color: rgb(0, 90, 255) !important;
  border-color: rgb(0, 90, 255) !important;
}

.has-blue-background-color {
  background-color: rgb(0, 90, 255) !important;
  color: inherit;
}

.color-skyblue {
  color: rgb(77, 196, 255) !important;
  border-color: rgb(77, 196, 255) !important;
}

.has-skyblue-color {
  color: rgb(77, 196, 255) !important;
  border-color: rgb(77, 196, 255) !important;
}

.has-skyblue-background-color {
  background-color: rgb(77, 196, 255) !important;
  color: inherit;
}

.color-pink {
  color: rgb(255, 128, 130) !important;
  border-color: rgb(255, 128, 130) !important;
}

.has-pink-color {
  color: rgb(255, 128, 130) !important;
  border-color: rgb(255, 128, 130) !important;
}

.has-pink-background-color {
  background-color: rgb(255, 128, 130) !important;
  color: inherit;
}

.color-orange {
  color: rgb(246, 170, 0) !important;
  border-color: rgb(246, 170, 0) !important;
}

.has-orange-color {
  color: rgb(246, 170, 0) !important;
  border-color: rgb(246, 170, 0) !important;
}

.has-orange-background-color {
  background-color: rgb(246, 170, 0) !important;
  color: inherit;
}

.color-purple {
  color: rgb(153, 0, 153) !important;
  border-color: rgb(153, 0, 153) !important;
}

.has-purple-color {
  color: rgb(153, 0, 153) !important;
  border-color: rgb(153, 0, 153) !important;
}

.has-purple-background-color {
  background-color: rgb(153, 0, 153) !important;
  color: inherit;
}

.color-brown {
  color: rgb(128, 64, 0) !important;
  border-color: rgb(128, 64, 0) !important;
}

.has-brown-color {
  color: rgb(128, 64, 0) !important;
  border-color: rgb(128, 64, 0) !important;
}

.has-brown-background-color {
  background-color: rgb(128, 64, 0) !important;
  color: inherit;
}

:root {
  --color-background: #fff;
  --color-text: #333;
  --color-primary: #00006f;
  --color-secondary: #488e00;
  --color-subtle: #fdfaef;
  --color-site-green: #5ab64d;
  --color-site-blue: #2990d0;
  --color-site-orange: #ea5224;
  --color-site-yellow-green: #abcd03;
  --color-hover: #df2c08;
  --color-white: #fff;
  --color-light-gray: #efefef;
  --color-medium-gray: #dbdbdb;
  --color-gray: #84919e;
  --color-black: #000;
  --color-red: rgb(255, 0, 0);
  --color-yellow: rgb(255, 241, 0);
  --color-green: rgb(3, 175, 122);
  --color-blue: rgb(0, 90, 255);
  --color-skyblue: rgb(77, 196, 255);
  --color-pink: rgb(255, 128, 130);
  --color-orange: rgb(246, 170, 0);
  --color-purple: rgb(153, 0, 153);
  --color-brown: rgb(128, 64, 0);
}

/* wordpressデフォルトカラー ------------------------------------ */
.color-pale-pink {
  color: #f78da7 !important;
  border-color: #f78da7 !important;
}

.has-pale-pink-color {
  color: #f78da7 !important;
  border-color: #f78da7 !important;
}

.has-pale-pink-background-color {
  background-color: #f78da7 !important;
  color: inherit;
}

.color-vivid-red {
  color: #cf2e2e !important;
  border-color: #cf2e2e !important;
}

.has-vivid-red-color {
  color: #cf2e2e !important;
  border-color: #cf2e2e !important;
}

.has-vivid-red-background-color {
  background-color: #cf2e2e !important;
  color: inherit;
}

.color-luminous-vivid-orange {
  color: #ff6900 !important;
  border-color: #ff6900 !important;
}

.has-luminous-vivid-orange-color {
  color: #ff6900 !important;
  border-color: #ff6900 !important;
}

.has-luminous-vivid-orange-background-color {
  background-color: #ff6900 !important;
  color: inherit;
}

.color-luminous-vivid-amber {
  color: #fcb900 !important;
  border-color: #fcb900 !important;
}

.has-luminous-vivid-amber-color {
  color: #fcb900 !important;
  border-color: #fcb900 !important;
}

.has-luminous-vivid-amber-background-color {
  background-color: #fcb900 !important;
  color: inherit;
}

.color-light-green-cyan {
  color: #7bdcb5 !important;
  border-color: #7bdcb5 !important;
}

.has-light-green-cyan-color {
  color: #7bdcb5 !important;
  border-color: #7bdcb5 !important;
}

.has-light-green-cyan-background-color {
  background-color: #7bdcb5 !important;
  color: inherit;
}

.color-vivid-green-cyan {
  color: #00d084 !important;
  border-color: #00d084 !important;
}

.has-vivid-green-cyan-color {
  color: #00d084 !important;
  border-color: #00d084 !important;
}

.has-vivid-green-cyan-background-color {
  background-color: #00d084 !important;
  color: inherit;
}

.color-pale-cyan-blue {
  color: #8ed1fc !important;
  border-color: #8ed1fc !important;
}

.has-pale-cyan-blue-color {
  color: #8ed1fc !important;
  border-color: #8ed1fc !important;
}

.has-pale-cyan-blue-background-color {
  background-color: #8ed1fc !important;
  color: inherit;
}

.color-vivid-cyan-blue {
  color: #0693e3 !important;
  border-color: #0693e3 !important;
}

.has-vivid-cyan-blue-color {
  color: #0693e3 !important;
  border-color: #0693e3 !important;
}

.has-vivid-cyan-blue-background-color {
  background-color: #0693e3 !important;
  color: inherit;
}

.color-very-light-gray {
  color: #eee !important;
  border-color: #eee !important;
}

.has-very-light-gray-color {
  color: #eee !important;
  border-color: #eee !important;
}

.has-very-light-gray-background-color {
  background-color: #eee !important;
  color: inherit;
}

.color-cyan-bluish-gray {
  color: #abb8c3 !important;
  border-color: #abb8c3 !important;
}

.has-cyan-bluish-gray-color {
  color: #abb8c3 !important;
  border-color: #abb8c3 !important;
}

.has-cyan-bluish-gray-background-color {
  background-color: #abb8c3 !important;
  color: inherit;
}

.color-very-dark-gray {
  color: #313131 !important;
  border-color: #313131 !important;
}

.has-very-dark-gray-color {
  color: #313131 !important;
  border-color: #313131 !important;
}

.has-very-dark-gray-background-color {
  background-color: #313131 !important;
  color: inherit;
}

:root {
  --color-pale-pink: #f78da7;
  --color-vivid-red: #cf2e2e;
  --color-luminous-vivid-orange: #ff6900;
  --color-luminous-vivid-amber: #fcb900;
  --color-light-green-cyan: #7bdcb5;
  --color-vivid-green-cyan: #00d084;
  --color-pale-cyan-blue: #8ed1fc;
  --color-vivid-cyan-blue: #0693e3;
  --color-very-light-gray: #eee;
  --color-cyan-bluish-gray: #abb8c3;
  --color-very-dark-gray: #313131;
}

.font-size-small,
.font-size-small * {
  font-size: clamp(1.2rem, 1.3vw, 1.3rem) !important;
}

.font-size-medium,
.font-size-medium * {
  font-size: clamp(1.3rem, 1.4vw, 1.4rem) !important;
}

.font-size-nomal,
.font-size-nomal * {
  font-size: clamp(1.4rem, 1.6vw, 1.6rem) !important;
}

.font-size-medium-large,
.font-size-medium-large * {
  font-size: clamp(1.8rem, 1.9vw, 2rem) !important;
}

.font-size-large,
.font-size-large * {
  font-size: clamp(2rem, 2.4vw, 2.4rem) !important;
}

.font-size-x-large,
.font-size-x-large * {
  font-size: clamp(2.4rem, 3.6vw, 3.6rem) !important;
}

.font-size-larger,
.font-size-larger * {
  font-size: clamp(2.4rem, 3.6vw, 3.6rem) !important;
}

:root {
  --font-gothic: "Roboto", "Noto Sans JP", "Hiragino Sans", "Meiryo", "Hiragino Kaku Gothic ProN", sans-serif;
  --font-english: "Roboto", Segoe UI, SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mincho: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

:root {
  --gutter-x: 15px;
  --gutter-y: 15px;
}

@media screen and (min-width: 768px ) {
  :root {
    --gutter-x: clamp(30px, 5vw, 100px);
    --gutter-y: clamp(30px, 5vw, 30px);
  }
}
.company-groupSec {
  background-color: var(--color-light-gray);
  padding: 20px 15px;
}

@media screen and (min-width: 768px ) {
  .company-groupSec {
    padding: 30px;
  }
}
.company-groupSec .company-groupSec-title {
  margin-bottom: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.company-groupSec .company-groupSec-title .ja {
  font-size: clamp(1.7rem, 4vw, 4rem);
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
}

.company-groupSec .company-groupSec-title .ja span {
  display: inline-block;
}

.company-groupSec .company-groupSec-title .en {
  font-size: clamp(1.6rem, 3vw, 3rem);
  font-weight: bold;
  line-height: 1.2;
}

.company-groupSec .company-groupSec-read {
  text-align: left;
  font-size: clamp(1.4rem, 2vw, 2rem);
  line-height: 1.8;
  margin-bottom: 1em;
}

@media screen and (min-width: 480px ) {
  .company-groupSec .company-groupSec-read {
    text-align: center;
  }
}
.company-groupSec .company-groupSec-img {
  display: block;
  margin: 0 auto;
}

.company-groupSec .company-groupSec-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
}

@media screen and (min-width: 768px ) {
  .company-groupSec .company-groupSec-row {
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
@media screen and (min-width: 768px ) {
  .company-groupSec .company-groupSec-row .btnArea .btn-primary {
    width: 100%;
    text-align: center;
  }
}
.companyProf {
  --companyProf-color: var(--color-site-green);
  --grayWrap-padding: 20px;
  --nameArea-padding: 20px;
  -webkit-margin-before: 30px;
          margin-block-start: 30px;
}

@media screen and (min-width: 768px ) {
  .companyProf {
    --grayWrap-padding: 30px;
    --nameArea-padding: 30px;
  }
}
.companyProf.te {
  --companyProf-color: var(--color-site-green);
}

.companyProf.tce {
  --companyProf-color: var(--color-site-blue);
}

.companyProf.it {
  --companyProf-color: var(--color-site-orange);
}

.companyProf.sh {
  --companyProf-color: var(--color-site-yellow-green);
}

.companyProf .grayWrap {
  background-color: var(--color-light-gray);
  padding: calc(var(--grayWrap-padding) * 2 - 10px) var(--grayWrap-padding);
}

.companyProf .companyProf-nameArea {
  margin-bottom: calc((var(--nameArea-padding) - 10px) * -1);
  margin-left: auto;
  display: block;
  background-color: #231815;
  padding: var(--nameArea-padding);
  position: relative;
}

@media screen and (min-width: 768px ) {
  .companyProf .companyProf-nameArea {
    margin-left: var(--grayWrap-padding);
    display: inline-block;
  }
}
.companyProf .companyProf-nameArea::after {
  content: "";
  display: block;
  width: 100%;
  height: calc(var(--nameArea-padding) - 10px);
  background-color: var(--companyProf-color);
  position: absolute;
  left: 0;
  bottom: 0;
}

.companyProf .companyProf-nameArea .companyProf-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}

.companyProf .companyProf-nameArea .companyProf-name .en {
  color: var(--companyProf-color);
  font-family: var(--font-english);
  font-weight: bold;
  line-height: 1.2;
  font-size: clamp(1.6rem, 1.8vw, 1.8rem);
}

.companyProf .companyProf-nameArea .companyProf-name .ja {
  color: #fff;
  font-weight: bold;
  line-height: 1.2;
  font-size: clamp(2rem, 2.8vw, 2.8rem);
}

.companyProf .companyProf-catch {
  font-weight: bold;
  line-height: 1.2;
  font-size: clamp(1.8rem, 3.6vw, 3.6rem);
  margin-bottom: 0.6em;
}

.companyProf .companyProf-imgArea {
  margin-bottom: var(--grayWrap-padding);
  position: relative;
  -webkit-clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 86% 100%);
          clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 86% 100%);
  margin-right: calc(var(--grayWrap-padding) * -1);
}

.companyProf .companyProf-imgArea:after {
  background-color: var(--companyProf-color);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  -webkit-clip-path: polygon(0 0, 0% 100%, 14% 0%);
          clip-path: polygon(0 0, 0% 100%, 14% 0%);
}

.companyProf .companyProf-txtArea {
  margin-bottom: var(--grayWrap-padding);
}

.companyProf .companyProf-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
}

@media screen and (min-width: 768px ) {
  .companyProf .companyProf-row {
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }
}
.companyProf .companyProf-row .companyProf-data table {
  line-height: 1.4;
}

.companyProf .companyProf-row .companyProf-data table tr {
  display: block;
  -webkit-margin-before: 10px;
          margin-block-start: 10px;
}

@media screen and (min-width: 480px ) {
  .companyProf .companyProf-row .companyProf-data table tr {
    display: table-row;
    -webkit-margin-before: inherit;
            margin-block-start: inherit;
  }
}
.companyProf .companyProf-row .companyProf-data table th,
.companyProf .companyProf-row .companyProf-data table td {
  display: block;
  text-align: left;
}

@media screen and (min-width: 480px ) {
  .companyProf .companyProf-row .companyProf-data table th,
  .companyProf .companyProf-row .companyProf-data table td {
    display: table-cell;
  }
}
.companyProf .companyProf-row .companyProf-data table th {
  position: relative;
  white-space: nowrap;
}

@media screen and (min-width: 480px ) {
  .companyProf .companyProf-row .companyProf-data table th::after {
    content: "／";
  }
}
.companyProf .companyProf-btnArea {
  -webkit-margin-before: 30px;
          margin-block-start: 30px;
  text-align: center;
}

@media screen and (min-width: 768px ) {
  .companyProf .companyProf-btnArea .companyProf-btn {
    min-width: 320px;
  }
}
.company-historySec {
  --historySec-padding: 10px;
  -webkit-margin-before: 50px;
          margin-block-start: 50px;
  -webkit-margin-after: 50px;
          margin-block-end: 50px;
  background-color: var(--color-light-gray);
  padding-left: var(--historySec-padding);
  padding-top: var(--historySec-padding);
}

@media screen and (min-width: 480px ) {
  .company-historySec {
    --historySec-padding: 20px;
  }
}
@media screen and (min-width: 768px ) {
  .company-historySec {
    --historySec-padding: 30px;
  }
}
.company-historySec .sectionTitle {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
  margin-top: 10px;
  margin-left: calc(var(--historySec-padding) * -1);
}

@media screen and (min-width: 480px ) {
  .company-historySec .sectionTitle {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 10px;
  }
}
.company-historySec .sectionTitle .ja {
  font-weight: bold;
  line-height: 1.2;
  font-size: clamp(1.8rem, 3.4vw, 3.4rem);
}

.company-historySec .sectionTitle .en {
  font-weight: bold;
  line-height: 1.2;
  font-size: clamp(2.2rem, 4.6vw, 4.6rem);
  color: #b5b5b6;
}

.company-historySec-inner {
  padding: var(--historySec-padding) calc(var(--historySec-padding) * 2) var(--historySec-padding) var(--historySec-padding);
  border-top: 1px solid gray;
  border-left: 1px solid gray;
}

.historyTable {
  width: 100%;
}

.historyTable th,
.historyTable td {
  text-align: left;
  padding-top: 1em;
  padding-bottom: 1em;
  line-height: 1.4;
}

.historyTable th {
  width: 3.6em;
}

.historyTable td > * + * {
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
}

:root {
  --container-max-width-sm: 480px;
  --container-max-width-md: 768px;
  --container-max-width-nm: 1000px;
  --container-max-width-lg: 1120px;
  --container-max-width-xl: 1300px;
  --container-max-width-xxl: 1600px;
}

/* カスタムカラー ------------------------------------ */
.color-background {
  color: #fff !important;
  border-color: #fff !important;
}

.has-background-color {
  color: #fff !important;
  border-color: #fff !important;
}

.has-background-background-color {
  background-color: #fff !important;
  color: inherit;
}

.color-text {
  color: #333 !important;
  border-color: #333 !important;
}

.has-text-color {
  color: #333 !important;
  border-color: #333 !important;
}

.has-text-background-color {
  background-color: #333 !important;
  color: inherit;
}

.color-primary {
  color: #00006f !important;
  border-color: #00006f !important;
}

.has-primary-color {
  color: #00006f !important;
  border-color: #00006f !important;
}

.has-primary-background-color {
  background-color: #00006f !important;
  color: inherit;
}

.color-secondary {
  color: #488e00 !important;
  border-color: #488e00 !important;
}

.has-secondary-color {
  color: #488e00 !important;
  border-color: #488e00 !important;
}

.has-secondary-background-color {
  background-color: #488e00 !important;
  color: inherit;
}

.color-subtle {
  color: #fdfaef !important;
  border-color: #fdfaef !important;
}

.has-subtle-color {
  color: #fdfaef !important;
  border-color: #fdfaef !important;
}

.has-subtle-background-color {
  background-color: #fdfaef !important;
  color: inherit;
}

.color-site-green {
  color: #5ab64d !important;
  border-color: #5ab64d !important;
}

.has-site-green-color {
  color: #5ab64d !important;
  border-color: #5ab64d !important;
}

.has-site-green-background-color {
  background-color: #5ab64d !important;
  color: inherit;
}

.color-site-blue {
  color: #2990d0 !important;
  border-color: #2990d0 !important;
}

.has-site-blue-color {
  color: #2990d0 !important;
  border-color: #2990d0 !important;
}

.has-site-blue-background-color {
  background-color: #2990d0 !important;
  color: inherit;
}

.color-site-orange {
  color: #ea5224 !important;
  border-color: #ea5224 !important;
}

.has-site-orange-color {
  color: #ea5224 !important;
  border-color: #ea5224 !important;
}

.has-site-orange-background-color {
  background-color: #ea5224 !important;
  color: inherit;
}

.color-site-yellow-green {
  color: #abcd03 !important;
  border-color: #abcd03 !important;
}

.has-site-yellow-green-color {
  color: #abcd03 !important;
  border-color: #abcd03 !important;
}

.has-site-yellow-green-background-color {
  background-color: #abcd03 !important;
  color: inherit;
}

.color-hover {
  color: #df2c08 !important;
  border-color: #df2c08 !important;
}

.has-hover-color {
  color: #df2c08 !important;
  border-color: #df2c08 !important;
}

.has-hover-background-color {
  background-color: #df2c08 !important;
  color: inherit;
}

.color-white {
  color: #fff !important;
  border-color: #fff !important;
}

.has-white-color {
  color: #fff !important;
  border-color: #fff !important;
}

.has-white-background-color {
  background-color: #fff !important;
  color: inherit;
}

.color-light-gray {
  color: #efefef !important;
  border-color: #efefef !important;
}

.has-light-gray-color {
  color: #efefef !important;
  border-color: #efefef !important;
}

.has-light-gray-background-color {
  background-color: #efefef !important;
  color: inherit;
}

.color-medium-gray {
  color: #dbdbdb !important;
  border-color: #dbdbdb !important;
}

.has-medium-gray-color {
  color: #dbdbdb !important;
  border-color: #dbdbdb !important;
}

.has-medium-gray-background-color {
  background-color: #dbdbdb !important;
  color: inherit;
}

.color-gray {
  color: #84919e !important;
  border-color: #84919e !important;
}

.has-gray-color {
  color: #84919e !important;
  border-color: #84919e !important;
}

.has-gray-background-color {
  background-color: #84919e !important;
  color: inherit;
}

.color-black {
  color: #000 !important;
  border-color: #000 !important;
}

.has-black-color {
  color: #000 !important;
  border-color: #000 !important;
}

.has-black-background-color {
  background-color: #000 !important;
  color: inherit;
}

.color-red {
  color: rgb(255, 0, 0) !important;
  border-color: rgb(255, 0, 0) !important;
}

.has-red-color {
  color: rgb(255, 0, 0) !important;
  border-color: rgb(255, 0, 0) !important;
}

.has-red-background-color {
  background-color: rgb(255, 0, 0) !important;
  color: inherit;
}

.color-yellow {
  color: rgb(255, 241, 0) !important;
  border-color: rgb(255, 241, 0) !important;
}

.has-yellow-color {
  color: rgb(255, 241, 0) !important;
  border-color: rgb(255, 241, 0) !important;
}

.has-yellow-background-color {
  background-color: rgb(255, 241, 0) !important;
  color: inherit;
}

.color-green {
  color: rgb(3, 175, 122) !important;
  border-color: rgb(3, 175, 122) !important;
}

.has-green-color {
  color: rgb(3, 175, 122) !important;
  border-color: rgb(3, 175, 122) !important;
}

.has-green-background-color {
  background-color: rgb(3, 175, 122) !important;
  color: inherit;
}

.color-blue {
  color: rgb(0, 90, 255) !important;
  border-color: rgb(0, 90, 255) !important;
}

.has-blue-color {
  color: rgb(0, 90, 255) !important;
  border-color: rgb(0, 90, 255) !important;
}

.has-blue-background-color {
  background-color: rgb(0, 90, 255) !important;
  color: inherit;
}

.color-skyblue {
  color: rgb(77, 196, 255) !important;
  border-color: rgb(77, 196, 255) !important;
}

.has-skyblue-color {
  color: rgb(77, 196, 255) !important;
  border-color: rgb(77, 196, 255) !important;
}

.has-skyblue-background-color {
  background-color: rgb(77, 196, 255) !important;
  color: inherit;
}

.color-pink {
  color: rgb(255, 128, 130) !important;
  border-color: rgb(255, 128, 130) !important;
}

.has-pink-color {
  color: rgb(255, 128, 130) !important;
  border-color: rgb(255, 128, 130) !important;
}

.has-pink-background-color {
  background-color: rgb(255, 128, 130) !important;
  color: inherit;
}

.color-orange {
  color: rgb(246, 170, 0) !important;
  border-color: rgb(246, 170, 0) !important;
}

.has-orange-color {
  color: rgb(246, 170, 0) !important;
  border-color: rgb(246, 170, 0) !important;
}

.has-orange-background-color {
  background-color: rgb(246, 170, 0) !important;
  color: inherit;
}

.color-purple {
  color: rgb(153, 0, 153) !important;
  border-color: rgb(153, 0, 153) !important;
}

.has-purple-color {
  color: rgb(153, 0, 153) !important;
  border-color: rgb(153, 0, 153) !important;
}

.has-purple-background-color {
  background-color: rgb(153, 0, 153) !important;
  color: inherit;
}

.color-brown {
  color: rgb(128, 64, 0) !important;
  border-color: rgb(128, 64, 0) !important;
}

.has-brown-color {
  color: rgb(128, 64, 0) !important;
  border-color: rgb(128, 64, 0) !important;
}

.has-brown-background-color {
  background-color: rgb(128, 64, 0) !important;
  color: inherit;
}

:root {
  --color-background: #fff;
  --color-text: #333;
  --color-primary: #00006f;
  --color-secondary: #488e00;
  --color-subtle: #fdfaef;
  --color-site-green: #5ab64d;
  --color-site-blue: #2990d0;
  --color-site-orange: #ea5224;
  --color-site-yellow-green: #abcd03;
  --color-hover: #df2c08;
  --color-white: #fff;
  --color-light-gray: #efefef;
  --color-medium-gray: #dbdbdb;
  --color-gray: #84919e;
  --color-black: #000;
  --color-red: rgb(255, 0, 0);
  --color-yellow: rgb(255, 241, 0);
  --color-green: rgb(3, 175, 122);
  --color-blue: rgb(0, 90, 255);
  --color-skyblue: rgb(77, 196, 255);
  --color-pink: rgb(255, 128, 130);
  --color-orange: rgb(246, 170, 0);
  --color-purple: rgb(153, 0, 153);
  --color-brown: rgb(128, 64, 0);
}

/* wordpressデフォルトカラー ------------------------------------ */
.color-pale-pink {
  color: #f78da7 !important;
  border-color: #f78da7 !important;
}

.has-pale-pink-color {
  color: #f78da7 !important;
  border-color: #f78da7 !important;
}

.has-pale-pink-background-color {
  background-color: #f78da7 !important;
  color: inherit;
}

.color-vivid-red {
  color: #cf2e2e !important;
  border-color: #cf2e2e !important;
}

.has-vivid-red-color {
  color: #cf2e2e !important;
  border-color: #cf2e2e !important;
}

.has-vivid-red-background-color {
  background-color: #cf2e2e !important;
  color: inherit;
}

.color-luminous-vivid-orange {
  color: #ff6900 !important;
  border-color: #ff6900 !important;
}

.has-luminous-vivid-orange-color {
  color: #ff6900 !important;
  border-color: #ff6900 !important;
}

.has-luminous-vivid-orange-background-color {
  background-color: #ff6900 !important;
  color: inherit;
}

.color-luminous-vivid-amber {
  color: #fcb900 !important;
  border-color: #fcb900 !important;
}

.has-luminous-vivid-amber-color {
  color: #fcb900 !important;
  border-color: #fcb900 !important;
}

.has-luminous-vivid-amber-background-color {
  background-color: #fcb900 !important;
  color: inherit;
}

.color-light-green-cyan {
  color: #7bdcb5 !important;
  border-color: #7bdcb5 !important;
}

.has-light-green-cyan-color {
  color: #7bdcb5 !important;
  border-color: #7bdcb5 !important;
}

.has-light-green-cyan-background-color {
  background-color: #7bdcb5 !important;
  color: inherit;
}

.color-vivid-green-cyan {
  color: #00d084 !important;
  border-color: #00d084 !important;
}

.has-vivid-green-cyan-color {
  color: #00d084 !important;
  border-color: #00d084 !important;
}

.has-vivid-green-cyan-background-color {
  background-color: #00d084 !important;
  color: inherit;
}

.color-pale-cyan-blue {
  color: #8ed1fc !important;
  border-color: #8ed1fc !important;
}

.has-pale-cyan-blue-color {
  color: #8ed1fc !important;
  border-color: #8ed1fc !important;
}

.has-pale-cyan-blue-background-color {
  background-color: #8ed1fc !important;
  color: inherit;
}

.color-vivid-cyan-blue {
  color: #0693e3 !important;
  border-color: #0693e3 !important;
}

.has-vivid-cyan-blue-color {
  color: #0693e3 !important;
  border-color: #0693e3 !important;
}

.has-vivid-cyan-blue-background-color {
  background-color: #0693e3 !important;
  color: inherit;
}

.color-very-light-gray {
  color: #eee !important;
  border-color: #eee !important;
}

.has-very-light-gray-color {
  color: #eee !important;
  border-color: #eee !important;
}

.has-very-light-gray-background-color {
  background-color: #eee !important;
  color: inherit;
}

.color-cyan-bluish-gray {
  color: #abb8c3 !important;
  border-color: #abb8c3 !important;
}

.has-cyan-bluish-gray-color {
  color: #abb8c3 !important;
  border-color: #abb8c3 !important;
}

.has-cyan-bluish-gray-background-color {
  background-color: #abb8c3 !important;
  color: inherit;
}

.color-very-dark-gray {
  color: #313131 !important;
  border-color: #313131 !important;
}

.has-very-dark-gray-color {
  color: #313131 !important;
  border-color: #313131 !important;
}

.has-very-dark-gray-background-color {
  background-color: #313131 !important;
  color: inherit;
}

:root {
  --color-pale-pink: #f78da7;
  --color-vivid-red: #cf2e2e;
  --color-luminous-vivid-orange: #ff6900;
  --color-luminous-vivid-amber: #fcb900;
  --color-light-green-cyan: #7bdcb5;
  --color-vivid-green-cyan: #00d084;
  --color-pale-cyan-blue: #8ed1fc;
  --color-vivid-cyan-blue: #0693e3;
  --color-very-light-gray: #eee;
  --color-cyan-bluish-gray: #abb8c3;
  --color-very-dark-gray: #313131;
}

.font-size-small,
.font-size-small * {
  font-size: clamp(1.2rem, 1.3vw, 1.3rem) !important;
}

.font-size-medium,
.font-size-medium * {
  font-size: clamp(1.3rem, 1.4vw, 1.4rem) !important;
}

.font-size-nomal,
.font-size-nomal * {
  font-size: clamp(1.4rem, 1.6vw, 1.6rem) !important;
}

.font-size-medium-large,
.font-size-medium-large * {
  font-size: clamp(1.8rem, 1.9vw, 2rem) !important;
}

.font-size-large,
.font-size-large * {
  font-size: clamp(2rem, 2.4vw, 2.4rem) !important;
}

.font-size-x-large,
.font-size-x-large * {
  font-size: clamp(2.4rem, 3.6vw, 3.6rem) !important;
}

.font-size-larger,
.font-size-larger * {
  font-size: clamp(2.4rem, 3.6vw, 3.6rem) !important;
}

:root {
  --font-gothic: "Roboto", "Noto Sans JP", "Hiragino Sans", "Meiryo", "Hiragino Kaku Gothic ProN", sans-serif;
  --font-english: "Roboto", Segoe UI, SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mincho: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

:root {
  --gutter-x: 15px;
  --gutter-y: 15px;
}

@media screen and (min-width: 768px ) {
  :root {
    --gutter-x: clamp(30px, 5vw, 100px);
    --gutter-y: clamp(30px, 5vw, 30px);
  }
}
.jumpMenu {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr;
  margin-bottom: 30px;
}

@media screen and (min-width: 768px ) {
  .jumpMenu {
    gap: 30px;
    grid-template-columns: 1fr 1fr;
  }
}
.jumpMenu div a {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 1px solid #000;
  padding: 0.8em;
  background-color: #fff;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  font-size: clamp(1.6rem, 2vw, 2rem);
}

@media screen and (min-width: 480px ) {
  .jumpMenu div a {
    padding: 1.2em;
    grid-template-columns: repeat(3, auto);
    grid-template-rows: 1fr;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 5px;
  }
}
.jumpMenu div .txt1 {
  grid-area: 1/1/2/2;
}

.jumpMenu div .txt2 {
  grid-area: 2/1/3/2;
}

@media screen and (min-width: 480px ) {
  .jumpMenu div .txt2 {
    grid-area: 1/2/2/3;
  }
}
.jumpMenu div .arrowIcon {
  grid-area: 1/2/3/3;
  width: 18px;
  height: 16px;
  content: "";
  display: inline-block;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20data-name%3D%22%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025%2022%22%20width%3D%2225%22%20height%3D%2222%22%3E%20%3Cpath%20d%3D%22M12.4867011%2C21.7823828L0%2C0H25L12.4867011%2C21.7823828ZM3.357018%2C1.9454366l9.1315829%2C15.9284995L21.6391823%2C1.9454366H3.357018Z%22%20fill%3D%22%232990d0%22%2F%3E%3C%2Fsvg%3E");
}

@media screen and (min-width: 480px ) {
  .jumpMenu div .arrowIcon {
    width: 25px;
    height: 22px;
    grid-area: 1/3/2/4;
  }
}
.jumpMenu div .jumpMenu-shinsotsu {
  color: var(--color-site-blue);
}

.jumpMenu div .jumpMenu-shinsotsu .arrowIcon {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20data-name%3D%22%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025%2022%22%20width%3D%2225%22%20height%3D%2222%22%3E%20%3Cpath%20d%3D%22M12.4867011%2C21.7823828L0%2C0H25L12.4867011%2C21.7823828ZM3.357018%2C1.9454366l9.1315829%2C15.9284995L21.6391823%2C1.9454366H3.357018Z%22%20fill%3D%22%232990d0%22%2F%3E%3C%2Fsvg%3E");
}

.jumpMenu div .jumpMenu-shinsotsu:hover {
  background-color: var(--color-site-blue);
  color: #fff;
  border: 1px solid var(--color-site-blue);
}

.jumpMenu div .jumpMenu-shinsotsu:hover .arrowIcon {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20data-name%3D%22%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025%2022%22%20width%3D%2225%22%20height%3D%2222%22%3E%20%3Cpath%20d%3D%22M12.4867011%2C21.7823828L0%2C0H25L12.4867011%2C21.7823828ZM3.357018%2C1.9454366l9.1315829%2C15.9284995L21.6391823%2C1.9454366H3.357018Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
}

.jumpMenu div .jumpMenu-career {
  color: var(--color-site-green);
}

.jumpMenu div .jumpMenu-career .arrowIcon {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20data-name%3D%22%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025%2022%22%20width%3D%2225%22%20height%3D%2222%22%3E%20%3Cpath%20d%3D%22M12.4867011%2C21.7823828L0%2C0H25L12.4867011%2C21.7823828ZM3.357018%2C1.9454366l9.1315829%2C15.9284995L21.6391823%2C1.9454366H3.357018Z%22%20fill%3D%22%235ab64d%22%2F%3E%3C%2Fsvg%3E");
}

.jumpMenu div .jumpMenu-career:hover {
  background-color: var(--color-site-green);
  color: #fff;
  border: 1px solid var(--color-site-green);
}

.jumpMenu div .jumpMenu-career:hover .arrowIcon {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20data-name%3D%22%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025%2022%22%20width%3D%2225%22%20height%3D%2222%22%3E%20%3Cpath%20d%3D%22M12.4867011%2C21.7823828L0%2C0H25L12.4867011%2C21.7823828ZM3.357018%2C1.9454366l9.1315829%2C15.9284995L21.6391823%2C1.9454366H3.357018Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
}

.recruitSec {
  -webkit-margin-before: 60px;
          margin-block-start: 60px;
  background-color: var(--color-light-gray);
  padding: 15px;
}

@media screen and (min-width: 480px ) {
  .recruitSec {
    padding: 30px;
  }
}
@media screen and (min-width: 1120px ) {
  .recruitSec {
    padding: 40px 60px;
  }
}
.recruitSec-title {
  background-color: #fff;
  display: block;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  font-size: clamp(2rem, 3.4vw, 3.4rem);
  color: var(--color-site-blue);
  padding: 0.8em 15px;
}

.shinsotsu .recruitSec-title {
  color: var(--color-site-blue);
}

.career .recruitSec-title {
  color: var(--color-site-green);
}

.recruitSec-txt {
  padding-bottom: 15px;
}

@media screen and (min-width: 480px ) {
  .recruitSec-txt {
    padding-bottom: 30px;
  }
}
.recruitSec-table {
  -webkit-margin-before: 30px;
          margin-block-start: 30px;
  background-color: #fff;
  width: 100%;
}

.recruitSec-table th,
.recruitSec-table td {
  padding: 0.5em;
  line-height: 1.4;
}

@media screen and (min-width: 480px ) {
  .recruitSec-table th,
  .recruitSec-table td {
    padding: 1em;
  }
}
.recruitSec-table thead th,
.recruitSec-table thead td {
  font-size: 110%;
  font-weight: bold;
  background-color: var(--color-medium-gray);
}

.recruitSec-table tbody th {
  width: 6em;
  white-space: nowrap;
}

@media screen and (min-width: 480px ) {
  .recruitSec-table tbody th {
    width: 8em;
  }
}
.recruitSec-table tbody td span {
  display: inline-block;
}

.shinsotsu .recruitSec-table tr:nth-child(odd) th,
.shinsotsu .recruitSec-table tr:nth-child(odd) td {
  background-color: #dff2fc;
}

.shinsotsu .recruitSec-table tr:nth-child(even) th,
.shinsotsu .recruitSec-table tr:nth-child(even) td {
  background-color: #f5fbfe;
}

.career .recruitSec-table tr:nth-child(odd) th,
.career .recruitSec-table tr:nth-child(odd) td {
  background-color: #e2eec5;
}

.career .recruitSec-table tr:nth-child(even) th,
.career .recruitSec-table tr:nth-child(even) td {
  background-color: #f4f8e9;
}

.recruitSec-row {
  -webkit-margin-before: 30px;
          margin-block-start: 30px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
}

@media screen and (min-width: 768px ) {
  .recruitSec-row {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
  }
}
.recruitSec-card {
  background-color: #fff;
}

.recruitSec-card .card-header {
  --card-header-background-color: #dcdddd;
  background-color: var(--card-header-background-color);
  position: relative;
  padding: 20px;
}

.recruitSec-card .card-header::after {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-image: url(../images/page/secRecruit-icon-nensu.svg);
  width: 50px;
  height: 50px;
}

.recruitSec-card:nth-child(1) .card-header::after {
  background-image: url(../images/page/secRecruit-icon-nensu.svg);
}

.recruitSec-card:nth-child(2) .card-header::after {
  background-image: url(../images/page/secRecruit-icon-nenrei.svg);
}

.recruitSec-card:nth-child(1) .card-header::after {
  background-image: url(../images/page/secRecruit-icon-yukyu.svg);
}

.recruitSec-card h3 {
  position: relative;
  z-index: 1;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  font-size: clamp(1.8rem, 2vw, 2rem);
  text-shadow: 2px 2px 0 var(--card-header-background-color), -2px -2px 0 var(--card-header-background-color), -2px 2px 0 var(--card-header-background-color), 2px -2px 0 var(--card-header-background-color), 0px 2px 0 var(--card-header-background-color), 0 -2px 0 var(--card-header-background-color), -2px 0 0 var(--card-header-background-color), 2px 0 0 var(--card-header-background-color);
}

.card-body {
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.card-body .status .num {
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  font-size: clamp(4rem, 5.5vw, 5.5rem);
}

.card-body .status .josushi {
  font-weight: bold;
  line-height: 1.2;
  font-size: clamp(3rem, 4vw, 4rem);
}

.card-body .year {
  line-height: 1.2;
  font-size: clamp(1.8rem, 2vw, 2rem);
}

.recruitSec-linkBox {
  background-color: #c1c2c2;
  padding: 20px 15px;
  -webkit-margin-before: 30px;
          margin-block-start: 30px;
}

@media screen and (min-width: 480px ) {
  .recruitSec-linkBox {
    padding: 30px;
  }
}
.recruitSec-linkBox .row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

@media screen and (min-width: 768px ) {
  .recruitSec-linkBox .row {
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.recruitSec-btnArea {
  text-align: center;
}

.recruitSec-btnArea .btn-primary {
  width: 100%;
}

@media screen and (min-width: 768px ) {
  .recruitSec-btnArea .btn-primary {
    width: 80%;
  }
}
.bnr-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-margin-before: 20px;
          margin-block-start: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 15px;
}

@media screen and (min-width: 480px ) {
  .bnr-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 30px;
  }
}
.bnr-list li {
  text-align: center;
}

.bnr-list a {
  display: inline-block;
  max-width: 330px;
}

.bnr-list a img {
  display: block;
}

.bnr-list a:hover {
  opacity: 0.7;
}/*# sourceMappingURL=page.css.map */