@charset "UTF-8";
/*
Theme Name: 名工大テクノフェア OriginalTheme 2024
Description: For 名工大テクノフェアウェブサイト by R-pro
Version: 1.0
*/
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500,700,900&display=swap&subset=japanese");
@import url("https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,500;0,700;1,700&display=swap");

@viewport {
  width: device-width;
  initial-scale: 1;
}

@-ms-viewport {
  width: auto;
  initial-scale: 1;
}

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

* {
  min-height: 0;
  min-width: 0;
}

* {
  box-sizing: border-box;
  font-family: "Noto Sans JP", sans-serif;
  font-variant-ligatures: none;
}

html {
  line-height: 1;
}

html,
body {
  width: 100%;
  height: auto;
}

ol,
ul {
  list-style: none;
}

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

caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q,
blockquote {
  quotes: none;
}

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

a img {
  border: none;
}

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

a {
  text-decoration: none;
}

.grecaptcha-badge {
  visibility: hidden;
}

.scrEffect {
  transition: all 0.4s 0.05s ease-in-out;
}

body {
  background-color: #D8E0ED;
  color: #2F2F2F;
  font-family: "Noto Sans JP", sans-serif;
}

.basicEffect {
  transition: all 0.3s ease-in-out;
  -webkit-transition: -webkit-transform all 0.3s ease-in-out;
  opacity: 0;
  transform: translateY(15%);
}

.basicEffect.visibleOn {
  opacity: 1;
  transform: none;
}

.basicEffectNoneTrnas {
  opacity: 0 !important;
}

.basicEffectNoneTrnas.visibleOn {
  opacity: 1 !important;
}

a {
  transition: all 0.3s ease-in-out;
  -webkit-transition: -webkit-transform all 0.3s ease-in-out;
  color: #2F2F2F;
}

a:hover {
  opacity: 0.5;
}

/* -----------  TECHNOFAIR TEASER   ----------- */
body {
  width: 100%;
  height: auto;
  background: #D8E0ED;
}

body.teaser {
  width: 100%;
  overflow-x: hidden;
}

.teaserIndex {
  position: relative;
  z-index: 10;
}

.teaserIndexBgBox {
  position: fixed;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-image: url("../img/indexBg.svg");
  background-size: 100% auto;
  background-repeat: repeat-y;
}

@media screen and (orientation: portrait) {
  .teaserIndexBgBox {
    background-image: url("../img/indexSpBg.svg");
    background-size: auto 100%;
    background-repeat: repeat-x;
    background-position: top right;
  }
}

.teaserTopWrap {
  position: relative;
  z-index: 10;
  margin: 0px auto;
  display: block;
  width: 100%;
  height: 100vh;
  min-height: 600px;
}

@media screen and (orientation: portrait) {
  .teaserTopWrap {
    min-height: auto;
  }
}

.teaserTopContent {
  margin: 0px auto;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  max-width: 800px;
  text-align: center;
}

@media only screen and (max-width: 1000px) {
  .teaserTopContent {
    max-width: 600px;
  }
}

@media screen and (orientation: portrait) {
  .teaserTopContent {
    width: 90vw;
    transform: translateX(-50%) translateY(-60%);
  }
}

.teaserTopContentLogo {
  margin: 0px auto;
  display: block;
  width: 100%;
}

.teaserTopInfoList {
  transition: all 0.3s ease-in-out 1s;
  display: inline-block;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .teaserTopInfoList {
    margin-top: 5vw;
  }
}

@media screen and (min-width: 769px) {
  .teaserTopInfoList {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 486px) and (max-width: 768px) {
  .teaserTopInfoList {
    margin-top: 10vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .teaserTopInfoList {
    margin-top: 80px;
  }
}

.teaserTopInfoLine {
  display: inline-block;
  margin-bottom: 0.5em;
}

.teaserTopInfoLineHeadline {
  display: inline-block;
  padding: 0.5em 1em;
  color: #1111CC;
  background: #ffffff;
  font-weight: 700;
}

@media screen and (max-width: 486px) {
  .teaserTopInfoLineHeadline {
    font-size: 18px;
    font-size: 4.4444444444vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .teaserTopInfoLineHeadline {
    font-size: 18px;
    font-size: 2.34375vw;
  }
}

@media screen and (min-width: 769px) {
  .teaserTopInfoLineHeadline {
    font-size: 18px;
  }
}

@media only screen and (max-width: 768px) and (max-width: 486px) {
  .teaserTopInfoLineHeadline {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media only screen and (max-width: 768px) and (min-width: 487px) and (max-width: 768px) {
  .teaserTopInfoLineHeadline {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media only screen and (max-width: 768px) and (min-width: 769px) {
  .teaserTopInfoLineHeadline {
    font-size: 14px;
  }
}

.teaserTopInfoLineText {
  display: inline-block;
  color: #2F2F2F;
  font-weight: 700;
  padding: 0.5em 1em;
}

@media screen and (max-width: 486px) {
  .teaserTopInfoLineText {
    font-size: 18px;
    font-size: 4.4444444444vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .teaserTopInfoLineText {
    font-size: 18px;
    font-size: 2.34375vw;
  }
}

@media screen and (min-width: 769px) {
  .teaserTopInfoLineText {
    font-size: 18px;
  }
}

@media only screen and (max-width: 768px) and (max-width: 486px) {
  .teaserTopInfoLineText {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media only screen and (max-width: 768px) and (min-width: 487px) and (max-width: 768px) {
  .teaserTopInfoLineText {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media only screen and (max-width: 768px) and (min-width: 769px) {
  .teaserTopInfoLineText {
    font-size: 14px;
  }
}

.teaserLectureWrap {
  margin: 0px auto;
  display: block;
  margin: 0px auto;
  display: block;
  width: 90vw;
  max-width: 1100px;
  background: #ffffff;
}

@media only screen and (max-width: 768px) {
  .teaserLectureWrap {
    max-width: 90vw;
  }
}

@media only screen and (max-width: 486px) {
  .teaserLectureWrap {
    max-width: 90vw;
  }
}

@media screen and (max-width: 768px) {
  .teaserLectureWrap {
    padding-left: 5vw;
    padding-right: 5vw;
  }
}

@media screen and (min-width: 769px) {
  .teaserLectureWrap {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media only screen and (max-width: 486px) {
  .teaserLectureWrap {
    margin-bottom: 25vw;
  }
}

.teaserLectureHeadline {
  margin: 0px auto;
  display: block;
  transform: translateY(-50%);
}

@media screen and (max-width: 486px) {
  .teaserLectureHeadline {
    font-size: 32px;
    font-size: 7.9012345679vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .teaserLectureHeadline {
    font-size: 32px;
    font-size: 4.1666666667vw;
  }
}

@media screen and (min-width: 769px) {
  .teaserLectureHeadline {
    font-size: 32px;
  }
}

@media only screen and (max-width: 768px) {
  .teaserLectureHeadline {
    transform: translateY(-25%);
  }
}

@media only screen and (max-width: 768px) and (max-width: 486px) {
  .teaserLectureHeadline {
    font-size: 32px;
    font-size: 7.9012345679vw;
  }
}

@media only screen and (max-width: 768px) and (min-width: 487px) and (max-width: 768px) {
  .teaserLectureHeadline {
    font-size: 32px;
    font-size: 4.1666666667vw;
  }
}

@media only screen and (max-width: 768px) and (min-width: 769px) {
  .teaserLectureHeadline {
    font-size: 32px;
  }
}

.teaserLectureHeadline picture,
.teaserLectureHeadline img {
  width: 14.5em;
}

@media only screen and (max-width: 768px) {

  .teaserLectureHeadline picture,
  .teaserLectureHeadline img {
    width: 6em;
  }
}

.teaserLectureSubHeadline {
  margin: 0px auto;
  display: block;
  color: #1111CC;
  font-weight: 700;
  transform: translateY(-10px);
}

@media screen and (max-width: 486px) {
  .teaserLectureSubHeadline {
    font-size: 18px;
    font-size: 4.4444444444vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .teaserLectureSubHeadline {
    font-size: 18px;
    font-size: 2.34375vw;
  }
}

@media screen and (min-width: 769px) {
  .teaserLectureSubHeadline {
    font-size: 18px;
  }
}

@media only screen and (max-width: 768px) and (max-width: 486px) {
  .teaserLectureSubHeadline {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media only screen and (max-width: 768px) and (min-width: 487px) and (max-width: 768px) {
  .teaserLectureSubHeadline {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media only screen and (max-width: 768px) and (min-width: 769px) {
  .teaserLectureSubHeadline {
    font-size: 14px;
  }
}

.teaserLectureBox {
  margin: 0px auto;
  display: block;
  max-width: 800px;
  width: 90%;
}

@media screen and (max-width: 768px) {
  .teaserLectureBox {
    margin-top: 2.5vw;
    margin-bottom: 2.5vw;
  }
}

@media screen and (min-width: 769px) {
  .teaserLectureBox {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 768px) {
  .teaserLectureBox {
    padding-bottom: 7.5vw;
  }
}

@media screen and (min-width: 769px) {
  .teaserLectureBox {
    padding-bottom: 60px;
  }
}

@media only screen and (max-width: 486px) {
  .teaserLectureBox {
    width: 100%;
  }
}

.teaserLectureTitle {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
}

.teaserLectureTitle strong {
  margin: 0px auto;
  display: block;
  color: #1111CC;
  font-weight: 700;
  line-height: 150%;
  padding-bottom: 0.75em;
}

@media screen and (max-width: 486px) {
  .teaserLectureTitle strong {
    font-size: 32px;
    font-size: 7.9012345679vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .teaserLectureTitle strong {
    font-size: 32px;
    font-size: 4.1666666667vw;
  }
}

@media screen and (min-width: 769px) {
  .teaserLectureTitle strong {
    font-size: 32px;
  }
}

@media only screen and (max-width: 768px) and (max-width: 486px) {
  .teaserLectureTitle strong {
    font-size: 24px;
    font-size: 5.9259259259vw;
  }
}

@media only screen and (max-width: 768px) and (min-width: 487px) and (max-width: 768px) {
  .teaserLectureTitle strong {
    font-size: 24px;
    font-size: 3.125vw;
  }
}

@media only screen and (max-width: 768px) and (min-width: 769px) {
  .teaserLectureTitle strong {
    font-size: 24px;
  }
}

.teaserLectureMainText {
  margin: 0px auto;
  display: block;
  line-height: 200%;
  letter-spacing: 0.01em;
  color: #2F2F2F;
}

@media screen and (max-width: 486px) {
  .teaserLectureMainText {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .teaserLectureMainText {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media screen and (min-width: 769px) {
  .teaserLectureMainText {
    font-size: 16px;
  }
}

@media only screen and (max-width: 768px) and (max-width: 486px) {
  .teaserLectureMainText {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media only screen and (max-width: 768px) and (min-width: 487px) and (max-width: 768px) {
  .teaserLectureMainText {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media only screen and (max-width: 768px) and (min-width: 769px) {
  .teaserLectureMainText {
    font-size: 14px;
  }
}

.teaserLectureDateBox {
  margin: 0px auto;
  display: block;
}

@media screen and (max-width: 768px) {
  .teaserLectureDateBox {
    margin-top: 5vw;
  }
}

@media screen and (min-width: 769px) {
  .teaserLectureDateBox {
    margin-top: 40px;
  }
}

.teaserLectureDateBox strong {
  margin: 0px auto;
  display: block;
  text-align: center;
  font-weight: 700;
  color: #1111CC;
  margin-bottom: 0.75em;
}

@media screen and (max-width: 486px) {
  .teaserLectureDateBox strong {
    font-size: 26px;
    font-size: 6.4197530864vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .teaserLectureDateBox strong {
    font-size: 26px;
    font-size: 3.3854166667vw;
  }
}

@media screen and (min-width: 769px) {
  .teaserLectureDateBox strong {
    font-size: 26px;
  }
}

@media only screen and (max-width: 768px) and (max-width: 486px) {
  .teaserLectureDateBox strong {
    font-size: 24px;
    font-size: 5.9259259259vw;
  }
}

@media only screen and (max-width: 768px) and (min-width: 487px) and (max-width: 768px) {
  .teaserLectureDateBox strong {
    font-size: 24px;
    font-size: 3.125vw;
  }
}

@media only screen and (max-width: 768px) and (min-width: 769px) {
  .teaserLectureDateBox strong {
    font-size: 24px;
  }
}

.teaserLectureDateBox small {
  margin: 0px auto;
  display: block;
  text-align: center;
  font-weight: 700;
  color: #1111CC;
}

@media screen and (max-width: 486px) {
  .teaserLectureDateBox small {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .teaserLectureDateBox small {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media screen and (min-width: 769px) {
  .teaserLectureDateBox small {
    font-size: 16px;
  }
}

.teaserLectureDateBox small a {
  display: inline-block;
  letter-spacing: 0.01em;
  color: #ffffff;
  background: #1111CC;
  padding: 0.5em 2em;
  margin-left: 0.5em;
  position: relative;
}

@media screen and (max-width: 486px) {
  .teaserLectureDateBox small a {
    font-size: 12px;
    font-size: 2.962962963vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .teaserLectureDateBox small a {
    font-size: 12px;
    font-size: 1.5625vw;
  }
}

@media screen and (min-width: 769px) {
  .teaserLectureDateBox small a {
    font-size: 12px;
  }
}

.teaserLectureDateBox small a:after {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
  /* IEサポート */
  font-feature-settings: "liga";
  content: "keyboard_arrow_right";
  color: #ffffff;
  position: absolute;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.25em;
}

@media screen and (max-width: 486px) {
  .teaserLectureDateBox small a:after {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .teaserLectureDateBox small a:after {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media screen and (min-width: 769px) {
  .teaserLectureDateBox small a:after {
    font-size: 14px;
  }
}

@media only screen and (max-width: 768px) {
  .teaserLectureDateBox small a {
    padding: 0.75em 3em;
    margin-top: 0.75em;
  }
}

.teaserLectureInfoList {
  margin: 0px auto;
  display: block;
}

@media screen and (max-width: 768px) {
  .teaserLectureInfoList {
    margin-bottom: 5vw;
  }
}

@media screen and (min-width: 769px) {
  .teaserLectureInfoList {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 768px) {
  .teaserLectureInfoList {
    padding-top: 2.5vw;
  }
}

@media screen and (min-width: 769px) {
  .teaserLectureInfoList {
    padding-top: 20px;
  }
}

.teaserLectureInfoLine {
  margin: 0px auto;
  display: block;
}

.teaserLectureInfoLine:after {
  content: "";
  margin: 0px auto;
  display: block;
  clear: both;
}

.teaserLectureInfoLineHeadline {
  float: left;
  width: 20%;
  font-weight: 700;
  color: #1111CC;
  padding: 0.5em 1em;
  border-bottom: 1px solid #557B8E;
  text-align: center;
}

@media screen and (max-width: 486px) {
  .teaserLectureInfoLineHeadline {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .teaserLectureInfoLineHeadline {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media screen and (min-width: 769px) {
  .teaserLectureInfoLineHeadline {
    font-size: 14px;
  }
}

@media only screen and (max-width: 486px) {
  .teaserLectureInfoLineHeadline {
    width: 100%;
    margin-bottom: 5vw;
  }
}

.teaserLectureInfoLineText {
  margin: 0px auto;
  display: block;
  float: right;
  width: 80%;
  padding-left: 1em;
}

@media only screen and (max-width: 486px) {
  .teaserLectureInfoLineText {
    width: 100%;
    padding-left: 0;
  }
}

.teaserLectureOnstageList {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
}

.teaserLectureOnstageLine {
  flex-basis: 100%;
  font-weight: 500;
  color: #2F2F2F;
  padding-right: 1.5em;
  padding-bottom: 1.5em;
  padding-top: 1.5em;
  border-bottom: 1px solid #557B8E;
}

@media screen and (max-width: 486px) {
  .teaserLectureOnstageLine {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .teaserLectureOnstageLine {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media screen and (min-width: 769px) {
  .teaserLectureOnstageLine {
    font-size: 14px;
  }
}

@media only screen and (max-width: 486px) {
  .teaserLectureOnstageLine {
    padding-top: 0;
    padding-right: 0em;
  }
}

.teaserLectureOnstageLineDate {
  margin: 0px auto;
  display: block;
  font-weight: 700;
  line-height: 150%;
  color: #1111CC;
  padding-bottom: 0.2em;
}

@media screen and (max-width: 486px) {
  .teaserLectureOnstageLineDate {
    font-size: 18px;
    font-size: 4.4444444444vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .teaserLectureOnstageLineDate {
    font-size: 18px;
    font-size: 2.34375vw;
  }
}

@media screen and (min-width: 769px) {
  .teaserLectureOnstageLineDate {
    font-size: 18px;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .teaserLectureOnstageLineDate {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .teaserLectureOnstageLineDate {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .teaserLectureOnstageLineDate {
    font-size: 14px;
  }
}

.teaserLectureOnstageLineTitle {
  margin: 0px auto;
  display: block;
  font-weight: 700;
  line-height: 150%;
  color: #1111CC;
  padding-bottom: 0.5em;
}

@media screen and (max-width: 486px) {
  .teaserLectureOnstageLineTitle {
    font-size: 22px;
    font-size: 5.4320987654vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .teaserLectureOnstageLineTitle {
    font-size: 22px;
    font-size: 2.8645833333vw;
  }
}

@media screen and (min-width: 769px) {
  .teaserLectureOnstageLineTitle {
    font-size: 22px;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .teaserLectureOnstageLineTitle {
    font-size: 18px;
    font-size: 4.4444444444vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .teaserLectureOnstageLineTitle {
    font-size: 18px;
    font-size: 2.34375vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .teaserLectureOnstageLineTitle {
    font-size: 18px;
  }
}

.teaserLectureOnstageLinePerson {
  margin: 0px auto;
  display: block;
  font-weight: 700;
  color: #2F2F2F;
}

@media screen and (max-width: 486px) {
  .teaserLectureOnstageLinePerson {
    font-size: 18px;
    font-size: 4.4444444444vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .teaserLectureOnstageLinePerson {
    font-size: 18px;
    font-size: 2.34375vw;
  }
}

@media screen and (min-width: 769px) {
  .teaserLectureOnstageLinePerson {
    font-size: 18px;
  }
}

.teaserLectureOnstageLinePerson small {
  margin: 0px auto;
  display: block;
  font-weight: 500;
  padding-top: 0.5em;
  line-height: 150%;
}

@media screen and (max-width: 486px) {
  .teaserLectureOnstageLinePerson small {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .teaserLectureOnstageLinePerson small {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media screen and (min-width: 769px) {
  .teaserLectureOnstageLinePerson small {
    font-size: 14px;
  }
}

.TeasermainBtn {
  position: relative;
  margin: 0px auto;
  display: block;
  width: 90%;
  max-width: 600px;
  background-color: #1111CC;
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  padding: 1.5em 2em;
  letter-spacing: 0.02em;
}

@media screen and (max-width: 486px) {
  .TeasermainBtn {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .TeasermainBtn {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media screen and (min-width: 769px) {
  .TeasermainBtn {
    font-size: 16px;
  }
}

@media only screen and (max-width: 486px) {
  .TeasermainBtn {
    width: 100%;
    padding: 2em 1em;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .TeasermainBtn {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .TeasermainBtn {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .TeasermainBtn {
    font-size: 14px;
  }
}

.TeasermainBtn:before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
  /* IEサポート */
  font-feature-settings: "liga";
  content: "keyboard_arrow_right";
  position: absolute;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.5em;
  color: #ffffff;
}

@media screen and (max-width: 486px) {
  .TeasermainBtn:before {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .TeasermainBtn:before {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media screen and (min-width: 769px) {
  .TeasermainBtn:before {
    font-size: 16px;
  }
}

.TeasermainBtn:after {
  display: inline-block;
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
  /* IEサポート */
  font-feature-settings: "liga";
  content: "launch";
  position: relative;
  transform: translateY(20%);
}

@media screen and (max-width: 486px) {
  .TeasermainBtn:after {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .TeasermainBtn:after {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media screen and (min-width: 769px) {
  .TeasermainBtn:after {
    font-size: 16px;
  }
}

.iconLaunch {
  position: relative;
}

.teaserSeedWrap {
  position: relative;
  z-index: 10;
  margin: 0px auto;
  display: block;
  background-color: #ffffff;
}

@media screen and (max-width: 768px) {
  .teaserSeedWrap {
    margin-top: 15vw;
  }
}

@media screen and (min-width: 769px) {
  .teaserSeedWrap {
    margin-top: 120px;
  }
}

.teaserSeedContent {
  margin: 0px auto;
  display: block;
  margin: 0px auto;
  display: block;
  width: 90vw;
  max-width: 1100px;
}

@media only screen and (max-width: 768px) {
  .teaserSeedContent {
    max-width: 90vw;
  }
}

@media only screen and (max-width: 486px) {
  .teaserSeedContent {
    max-width: 90vw;
  }
}

.teaserSeedHeadline {
  display: block;
  width: 5em;
  transform: translateY(-50%);
}

@media screen and (max-width: 486px) {
  .teaserSeedHeadline {
    font-size: 32px;
    font-size: 7.9012345679vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .teaserSeedHeadline {
    font-size: 32px;
    font-size: 4.1666666667vw;
  }
}

@media screen and (min-width: 769px) {
  .teaserSeedHeadline {
    font-size: 32px;
  }
}

.teaserSeedsInnerCard01 {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}

@media screen and (max-width: 768px) {
  .teaserSeedsInnerCard01 {
    margin-top: 2.5vw;
  }
}

@media screen and (min-width: 769px) {
  .teaserSeedsInnerCard01 {
    margin-top: 20px;
  }
}

@media screen and (orientation: portrait) {
  .teaserSeedsInnerCard01 {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
}

.teaserSeedsInnerCard01Wrap {
  flex-basis: 60%;
}

@media screen and (orientation: portrait) {
  .teaserSeedsInnerCard01Wrap {
    flex-basis: 100%;
  }
}

@media screen and (orientation: portrait) and (max-width: 768px) {
  .teaserSeedsInnerCard01Wrap {
    padding-top: 2.5vw;
  }
}

@media screen and (orientation: portrait) and (min-width: 769px) {
  .teaserSeedsInnerCard01Wrap {
    padding-top: 20px;
  }
}

.teaserSeedsInnerCard01Img {
  flex-basis: 40%;
  margin: 0px auto;
  display: block;
}

.teaserSeedsInnerCard01Img img,
.teaserSeedsInnerCard01Img picture {
  margin: 0px auto;
  display: block;
  width: 90%;
  transform: translateY(-20%);
}

@media screen and (orientation: portrait) {
  .teaserSeedsInnerCard01Img {
    flex-basis: 100%;
    width: 100%;
    margin: 0px auto;
    display: block;
  }

  .teaserSeedsInnerCard01Img img,
  .teaserSeedsInnerCard01Img picture {
    width: 30vw;
    float: right;
    transform: translateY(-100%);
    position: absolute;
    top: 0;
    right: 0;
  }
}

.teaserSeedsInnerHeadline {
  display: block;
  width: 85%;
  max-width: 600px;
  font-weight: 700;
  color: #1111CC;
  line-height: 135%;
  margin-bottom: 0.5em;
}

@media screen and (max-width: 486px) {
  .teaserSeedsInnerHeadline {
    font-size: 28px;
    font-size: 6.9135802469vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .teaserSeedsInnerHeadline {
    font-size: 28px;
    font-size: 3.6458333333vw;
  }
}

@media screen and (min-width: 769px) {
  .teaserSeedsInnerHeadline {
    font-size: 28px;
  }
}

@media only screen and (max-width: 486px) {
  .teaserSeedsInnerHeadline {
    width: 100%;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .teaserSeedsInnerHeadline {
    font-size: 20px;
    font-size: 4.9382716049vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .teaserSeedsInnerHeadline {
    font-size: 20px;
    font-size: 2.6041666667vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .teaserSeedsInnerHeadline {
    font-size: 20px;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .smallHeadline {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .smallHeadline {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .smallHeadline {
    font-size: 16px;
  }
}

.teaserSeedsInnerText {
  margin: 0px auto;
  display: block;
  font-weight: 500;
  line-height: 180%;
  letter-spacing: 0.01em;
}

@media screen and (max-width: 486px) {
  .teaserSeedsInnerText {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .teaserSeedsInnerText {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media screen and (min-width: 769px) {
  .teaserSeedsInnerText {
    font-size: 16px;
  }
}

@media only screen and (max-width: 486px) {
  .teaserSeedsInnerText {
    width: 100%;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .teaserSeedsInnerText {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .teaserSeedsInnerText {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .teaserSeedsInnerText {
    font-size: 14px;
  }
}

@media only screen and (max-width: 486px) and (max-width: 768px) {
  .teaserSeedsInnerText {
    margin-bottom: 7.5vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .teaserSeedsInnerText {
    margin-bottom: 60px;
  }
}

.teaserSeedsMajorList {
  margin: 0px auto;
  display: block;
  width: 90%;
  max-width: 800px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

@media screen and (max-width: 768px) {
  .teaserSeedsMajorList {
    padding-top: 5vw;
  }
}

@media screen and (min-width: 769px) {
  .teaserSeedsMajorList {
    padding-top: 40px;
  }
}

@media screen and (max-width: 768px) {
  .teaserSeedsMajorList {
    padding-bottom: 15vw;
  }
}

@media screen and (min-width: 769px) {
  .teaserSeedsMajorList {
    padding-bottom: 120px;
  }
}

@media only screen and (max-width: 768px) {
  .teaserSeedsMajorList {
    justify-content: center;
  }
}

@media only screen and (max-width: 486px) {
  .teaserSeedsMajorList {
    width: 100%;
  }
}

.teaserSeedsMajorLine {
  flex-basis: 18%;
}

.teaserSeedsMajorLine img {
  margin: 0px auto;
  display: block;
}

@media only screen and (max-width: 768px) {
  .teaserSeedsMajorLine {
    flex-basis: 32%;
  }

  .teaserSeedsMajorLine:not(:nth-of-type(3n)) {
    margin-right: 2%;
  }
}

@media only screen and (max-width: 1000px) and (max-width: 768px) {
  .teaserSeedsInnerCard02 {
    padding-top: 5vw;
  }
}

@media only screen and (max-width: 1000px) and (min-width: 769px) {
  .teaserSeedsInnerCard02 {
    padding-top: 40px;
  }
}

@media screen and (orientation: portrait) and (max-width: 768px) {
  .teaserSeedsInnerCard02 {
    padding-top: 5vw;
  }
}

@media screen and (orientation: portrait) and (min-width: 769px) {
  .teaserSeedsInnerCard02 {
    padding-top: 40px;
  }
}

.teaserFooter {
  position: relative;
  z-index: 10;
  margin: 0px auto;
  display: block;
  width: 100%;
  background-color: #557B8E;
}

.teaserFooterWrap {
  margin: 0px auto;
  display: block;
  width: 90%;
  max-width: 900px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

@media screen and (max-width: 768px) {
  .teaserFooterWrap {
    padding-top: 5vw;
    padding-bottom: 5vw;
  }
}

@media screen and (min-width: 769px) {
  .teaserFooterWrap {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media only screen and (max-width: 486px) {
  .teaserFooterWrap {
    width: 95%;
    justify-content: center;
  }
}

@media screen and (orientation: portrait) {
  .teaserFooterWrap {
    width: 95%;
    justify-content: center;
  }
}

.teaserFooterLogoWrap {
  flex-basis: 49%;
  border-right: 1px solid #ffffff;
}

@media screen and (orientation: portrait) {
  .teaserFooterLogoWrap {
    flex-basis: 90%;
    border-right: 0;
  }
}

@media only screen and (max-width: 768px) {
  .teaserFooterLogoWrap {
    flex-basis: 90%;
    border-right: 0;
  }
}

.teaserFooterLogoImg {
  margin: 0px auto;
  display: block;
  width: 90%;
  max-width: 50vw;
}

@media only screen and (max-width: 768px) {
  .teaserFooterLogoImg {
    display: block;
    margin: 0px;
  }
}

@media only screen and (max-width: 486px) {
  .teaserFooterLogoImg {
    max-width: 70vw;
  }
}

.teaserFooterInfoWrap {
  flex-basis: 49%;
}

@media screen and (orientation: portrait) {
  .teaserFooterInfoWrap {
    flex-basis: 90%;
  }
}

@media screen and (orientation: portrait) and (max-width: 768px) {
  .teaserFooterInfoWrap {
    padding-top: 10vw;
  }
}

@media screen and (orientation: portrait) and (min-width: 769px) {
  .teaserFooterInfoWrap {
    padding-top: 80px;
  }
}

@media only screen and (max-width: 768px) {
  .teaserFooterInfoWrap {
    flex-basis: 90%;
  }
}

@media only screen and (max-width: 768px) and (max-width: 768px) {
  .teaserFooterInfoWrap {
    padding-top: 5vw;
  }
}

@media only screen and (max-width: 768px) and (min-width: 769px) {
  .teaserFooterInfoWrap {
    padding-top: 40px;
  }
}

.teaserFooterInfoContent {
  margin: 0px auto;
  display: block;
}

@media screen and (max-width: 768px) {
  .teaserFooterInfoContent {
    padding-left: 5vw;
    padding-right: 5vw;
  }
}

@media screen and (min-width: 769px) {
  .teaserFooterInfoContent {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media only screen and (max-width: 768px) {
  .teaserFooterInfoContent {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (orientation: portrait) {
  .teaserFooterInfoContent {
    padding-left: 0;
    padding-right: 0;
  }
}

.teaserFooterInfoHeadline {
  margin: 0px auto;
  display: block;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0.02em;
  padding-bottom: 0.75em;
  line-height: 135%;
}

@media screen and (max-width: 486px) {
  .teaserFooterInfoHeadline {
    font-size: 20px;
    font-size: 4.9382716049vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .teaserFooterInfoHeadline {
    font-size: 20px;
    font-size: 2.6041666667vw;
  }
}

@media screen and (min-width: 769px) {
  .teaserFooterInfoHeadline {
    font-size: 20px;
  }
}

.teaserFooterInfoList {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
}

.teaserFooterInfoLine {
  margin-bottom: 0.75em;
  color: #ffffff;
}

@media screen and (max-width: 486px) {
  .teaserFooterInfoLine {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .teaserFooterInfoLine {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media screen and (min-width: 769px) {
  .teaserFooterInfoLine {
    font-size: 16px;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .teaserFooterInfoLine {
    font-size: 12px;
    font-size: 2.962962963vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .teaserFooterInfoLine {
    font-size: 12px;
    font-size: 1.5625vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .teaserFooterInfoLine {
    font-size: 12px;
  }
}

.teaserFooterInfoLineHeadline {
  display: inline-block;
  background-color: #ffffff;
  color: #585858;
  font-weight: 500;
  padding: 0.4em 0;
  width: 4em;
  text-align: center;
  margin-right: 1em;
}

@media screen and (max-width: 486px) {
  .teaserFooterInfoLineHeadline {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .teaserFooterInfoLineHeadline {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media screen and (min-width: 769px) {
  .teaserFooterInfoLineHeadline {
    font-size: 14px;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .teaserFooterInfoLineHeadline {
    font-size: 12px;
    font-size: 2.962962963vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .teaserFooterInfoLineHeadline {
    font-size: 12px;
    font-size: 1.5625vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .teaserFooterInfoLineHeadline {
    font-size: 12px;
  }
}

.teaserFooterInfoLineText {
  display: inline-block;
  font-weight: 400;
  color: #ffffff;
  letter-spacing: 0.05em;
  padding-right: 1em;
}

@media screen and (max-width: 486px) {
  .teaserFooterInfoLineText {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .teaserFooterInfoLineText {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media screen and (min-width: 769px) {
  .teaserFooterInfoLineText {
    font-size: 14px;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .teaserFooterInfoLineText {
    font-size: 12px;
    font-size: 2.962962963vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .teaserFooterInfoLineText {
    font-size: 12px;
    font-size: 1.5625vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .teaserFooterInfoLineText {
    font-size: 12px;
  }
}

.teaserFooterInfoLineText a {
  color: #ffffff;
}

.teaserFooterInfoLineTextSmall {
  color: #ffffff;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 486px) {
  .teaserFooterInfoLineTextSmall {
    font-size: 12px;
    font-size: 2.962962963vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .teaserFooterInfoLineTextSmall {
    font-size: 12px;
    font-size: 1.5625vw;
  }
}

@media screen and (min-width: 769px) {
  .teaserFooterInfoLineTextSmall {
    font-size: 12px;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .teaserFooterInfoLineTextSmall {
    font-size: 10px;
    font-size: 2.4691358025vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .teaserFooterInfoLineTextSmall {
    font-size: 10px;
    font-size: 1.3020833333vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .teaserFooterInfoLineTextSmall {
    font-size: 10px;
  }
}

.footerCopyrights {
  flex-basis: 100%;
  text-align: center;
  color: #ffffff;
  letter-spacing: 0.05em;
  font-family: "Barlow", sans-serif;
}

@media screen and (max-width: 486px) {
  .footerCopyrights {
    font-size: 15px;
    font-size: 3.7037037037vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .footerCopyrights {
    font-size: 15px;
    font-size: 1.953125vw;
  }
}

@media screen and (min-width: 769px) {
  .footerCopyrights {
    font-size: 15px;
  }
}

@media screen and (max-width: 768px) {
  .footerCopyrights {
    padding-top: 5vw;
  }
}

@media screen and (min-width: 769px) {
  .footerCopyrights {
    padding-top: 40px;
  }
}

@media only screen and (max-width: 768px) {
  .footerCopyrights {
    padding: 7.5vw;
  }
}

@media only screen and (max-width: 486px) {
  .footerCopyrights {
    padding-bottom: 20vw;
  }
}

@media only screen and (max-width: 486px) and (max-width: 768px) {
  .footerCopyrights {
    padding-top: 12.5vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .footerCopyrights {
    padding-top: 100px;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .footerCopyrights {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .footerCopyrights {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .footerCopyrights {
    font-size: 14px;
  }
}

.teaserIndexLogo {
  transition: all 1.5s ease-in-out;
  opacity: 0;
  transform: translateY(20%);
}

.teaserIndexLogo.loaded {
  opacity: 1;
  transform: translateY(0);
}

/*-----     MAIN     -----*/
.allWrap {
  width: 100vw;
  max-width: 100%;
  justify-content: space-between;
  margin: 0;
}

@media only screen and (max-width: 768px) {
  .allWrap {
    flex-wrap: wrap;
  }
}

@media screen and (orientation: portrait) {
  .allWrap {
    flex-wrap: wrap;
  }
}

.pcMainSide {
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}

@media only screen and (max-width: 768px) {
  .pcMainSide {
    display: none;
  }
}

@media screen and (orientation: portrait) {
  .pcMainSide {
    display: none;
  }
}

.pcMainSideNav {
  margin: 0px auto;
  display: block;
  height: 100vh;
  width: 150px;
  position: fixed;
  top: 0;
  left: 0;
}

.pcMainSideNavInner {
  display: block;
  width: 150px;
  height: 100vh;
  max-height: 100vh;
  position: relative;
  overflow-y: scroll;
  overflow-x: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.pcMainSideNavInner:after {
  content: "";
  display: block;
  width: 100%;
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  width: 130px;
  height: 100%;
  background-color: #ffffff;
}

.pcMainSideNavInner::-webkit-scrollbar {
  display: none;
}

.pcMainSideNavInner.scroll::-webkit-scrollbar {
  width: 10px;
  background-color: #f9f9f9;
}

.pcMainSideNavInner.scroll::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 10px 10px #909090;
  border: solid 2px transparent;
}

.pcMainSideNavLogoBox {
  display: block;
  margin-top: 15%;
  width: 130px;
}

.pcMainSideNavLogoLink {
  margin: 0px auto;
  display: block;
}

.pcMainSideNavLogoTypeImg {
  margin: 0px auto;
  display: block;
  width: 45%;
  max-height: 200px;
}

.pcMainSideNavMainList {
  display: block;
  width: 130px;
  margin-top: 25%;
}

.pcMainSideNavMainLine {
  transition: all 0.2s ease-in-out;
  -webkit-transition: -webkit-transform all 0.2s 0.05s ease-in-out;
  margin: 0px auto;
  display: block;
  max-width: 100px;
  margin-bottom: 1em;
  height: auto;
  overflow: hidden;
}

.pcMainSideNavMainLine:hover {
  transform: translateX(5%);
}

.pcMainSideNavMainLine img {
  display: block;
  object-fit: contain;
  font-family: "object-fit: contain;";
}

.pcMainSideNavMainLine a {
  margin: 0px auto;
  display: block;
  max-width: 100%;
}

.pcMainSideNavMainLine a:hover {
  opacity: 1 !important;
}

.pcMainSideNavMainLineEnglish {
  display: block;
  font-size: 3.5vh;
  color: #1111CC;
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.pcMainSideNavMainLineJp {
  display: block;
  font-size: 1.5vh;
  color: #2F2F2F;
  letter-spacing: 0;
  padding-top: 5px;
}

.pcMainSideBtnBox {
  display: block;
  width: 150px;
}

.pcMainSideBtn01 {
  display: block;
  transition: all 0.2s ease-in-out;
  -webkit-transition: -webkit-transform all 0.2s 0.05s ease-in-out;
  transform: none;
}

.pcMainSideBtn01:hover {
  opacity: 1 !important;
}

.pcMainSideBtn01:hover {
  transform: translateY(-10%);
}

.pcMainSideBtn01Img {
  display: block;
  max-width: 140px;
  width: 140px;
}

.pcMainSideBtn02 {
  display: block;
  margin-top: 5%;
  transition: all 0.2s ease-in-out;
  -webkit-transition: -webkit-transform all 0.2s 0.05s ease-in-out;
  transform: none;
}

.pcMainSideBtn02:hover {
  opacity: 1 !important;
}

.pcMainSideBtn02:hover {
  transform: translateY(-10%);
}

.pcMainSideBtn02Img {
  display: block;
  max-width: 120px;
  width: 95%;
}

.spHeader {
  position: relative;
  z-index: 999;
  margin: 0px auto;
  display: block;
  display: none;
  flex-basis: 100%;
  width: 100%;
  height: 14vw;
  max-height: 60px;
  background-color: #ffffff;
}

@media screen and (orientation: portrait) {
  .spHeader {
    display: block;
  }
}

@media only screen and (max-width: 768px) {
  .spHeader {
    display: block;
  }
}

.spHeaderLogoBox {
  position: absolute;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  margin: 0px auto;
  display: block;
  width: 80vw;
  height: 10vw;
  max-height: 50px;
  margin-left: 2vw;
  max-width: 500px;
}

.spHeaderLogoBoxMarkWrap {
  height: 10vw;
  margin-right: 8px;
  max-height: 50px;
  float: left;
}

.spHeaderLogoBoxMark {
  display: block;
  height: 100%;
  width: auto;
}

.spHeaderLogoBoxTypeWrap {
  display: block;
  height: 100%;
  width: auto;
  float: left;
}

.spHeaderLogoBoxType {
  display: block;
  height: 95%;
}

.spHeaderHumbBtn {
  position: fixed;
  z-index: 11;
  top: 0;
  right: 0;
  width: auto;
  height: 14vw;
  max-height: 60px;
}

.spHeaderHumbBtnImg {
  display: block;
  height: 100%;
}

/* メインコンテンツ　*/
.mainContent {
  width: 100%;
  padding-left: 130px;
  margin: 0px;
}

@media only screen and (max-width: 768px) {
  .mainContent {
    flex-basis: 100%;
    padding-left: 0;
  }
}

@media screen and (orientation: portrait) {
  .mainContent {
    flex-basis: 100%;
    padding-left: 0;
  }
}

.mainContentInnerWrap {
  margin: 0px auto;
  display: block;
  width: 100%;
  min-height: 90vh;
  position: relative;
}

.mainContentInnerWrap:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 2%;
  transform: translate(5%, -20%);
  width: 30vw;
  max-width: 250px;
  height: 30vw;
  background-image: url("common/img/bgIcon.svg");
  background-size: contain;
  background-position: top right;
  background-repeat: no-repeat;
}

.mainContentHeader {
  border-top: 1px solid #D8E0ED;
  position: relative;
  z-index: 5;
  display: block;
  width: 900px;
  height: auto;
  max-width: 90%;
  margin: 0px auto;
}

@media screen and (orientation: portrait) {
  .mainContentHeader {
    width: 100vw;
    max-width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .mainContentHeader {
    width: 100vw;
    max-width: 100%;
  }
}

.mainContentHeaderEng {
  display: block;
  position: relative;
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  font-style: italic;
  color: #ffffff;
  margin-top: 0;
}

@media screen and (max-width: 486px) {
  .mainContentHeaderEng {
    font-size: 110px;
    font-size: 27.1604938272vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .mainContentHeaderEng {
    font-size: 110px;
    font-size: 14.3229166667vw;
  }
}

@media screen and (min-width: 769px) {
  .mainContentHeaderEng {
    font-size: 110px;
  }
}

@media only screen and (max-width: 1000px) and (max-width: 486px) {
  .mainContentHeaderEng {
    font-size: 80px;
    font-size: 19.7530864198vw;
  }
}

@media only screen and (max-width: 1000px) and (min-width: 487px) and (max-width: 768px) {
  .mainContentHeaderEng {
    font-size: 80px;
    font-size: 10.4166666667vw;
  }
}

@media only screen and (max-width: 1000px) and (min-width: 769px) {
  .mainContentHeaderEng {
    font-size: 80px;
  }
}

@media only screen and (max-width: 768px) {
  .mainContentHeaderEng {
    width: 90vw;
    margin: 0px auto;
    display: block;
  }
}

@media only screen and (max-width: 768px) and (max-width: 486px) {
  .mainContentHeaderEng {
    font-size: 48px;
    font-size: 11.8518518519vw;
  }
}

@media only screen and (max-width: 768px) and (min-width: 487px) and (max-width: 768px) {
  .mainContentHeaderEng {
    font-size: 48px;
    font-size: 6.25vw;
  }
}

@media only screen and (max-width: 768px) and (min-width: 769px) {
  .mainContentHeaderEng {
    font-size: 48px;
  }
}

@media screen and (orientation: portrait) {
  .mainContentHeaderEng {
    width: 90vw;
    margin: 0px auto;
    display: block;
  }
}

@media screen and (orientation: portrait) and (max-width: 486px) {
  .mainContentHeaderEng {
    font-size: 48px;
    font-size: 11.8518518519vw;
  }
}

@media screen and (orientation: portrait) and (min-width: 487px) and (max-width: 768px) {
  .mainContentHeaderEng {
    font-size: 48px;
    font-size: 6.25vw;
  }
}

@media screen and (orientation: portrait) and (min-width: 769px) {
  .mainContentHeaderEng {
    font-size: 48px;
  }
}

@media screen and (max-width: 486px) {
  .small .mainContentHeaderEng {
    font-size: 64px;
    font-size: 15.8024691358vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .small .mainContentHeaderEng {
    font-size: 64px;
    font-size: 8.3333333333vw;
  }
}

@media screen and (min-width: 769px) {
  .small .mainContentHeaderEng {
    font-size: 64px;
  }
}

@media only screen and (max-width: 768px) and (max-width: 486px) {
  .small .mainContentHeaderEng {
    font-size: 38px;
    font-size: 9.3827160494vw;
  }
}

@media only screen and (max-width: 768px) and (min-width: 487px) and (max-width: 768px) {
  .small .mainContentHeaderEng {
    font-size: 38px;
    font-size: 4.9479166667vw;
  }
}

@media only screen and (max-width: 768px) and (min-width: 769px) {
  .small .mainContentHeaderEng {
    font-size: 38px;
  }
}

.mainContentHeaderEngImg {
  display: block;
  height: auto;
  width: 100%;
  margin-top: 0;
}

@media only screen and (max-width: 768px) {
  .mainContentHeaderEngImg {
    max-width: 100%;
    margin: 0px auto;
    display: block;
    margin-top: 2em;
  }
}

@media screen and (orientation: portrait) {
  .mainContentHeaderEngImg {
    max-width: 100%;
    margin: 0px auto;
    display: block;
    margin-top: 2em;
  }
}

.mainContentHeaderJp {
  margin: 0px auto;
  display: block;
  font-weight: 700;
  color: #1111CC;
  margin-top: 0.75em;
}

@media screen and (max-width: 486px) {
  .mainContentHeaderJp {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .mainContentHeaderJp {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media screen and (min-width: 769px) {
  .mainContentHeaderJp {
    font-size: 16px;
  }
}

@media only screen and (max-width: 768px) {
  .mainContentHeaderJp {
    text-align: center;
    padding-top: 0.5em;
    padding-bottom: 2em;
  }
}

@media only screen and (max-width: 768px) and (max-width: 486px) {
  .mainContentHeaderJp {
    font-size: 12px;
    font-size: 2.962962963vw;
  }
}

@media only screen and (max-width: 768px) and (min-width: 487px) and (max-width: 768px) {
  .mainContentHeaderJp {
    font-size: 12px;
    font-size: 1.5625vw;
  }
}

@media only screen and (max-width: 768px) and (min-width: 769px) {
  .mainContentHeaderJp {
    font-size: 12px;
  }
}

@media screen and (orientation: portrait) {
  .mainContentHeaderJp {
    text-align: center;
    padding-top: 0.5em;
    padding-bottom: 2em;
  }
}

@media screen and (orientation: portrait) and (max-width: 486px) {
  .mainContentHeaderJp {
    font-size: 12px;
    font-size: 2.962962963vw;
  }
}

@media screen and (orientation: portrait) and (min-width: 487px) and (max-width: 768px) {
  .mainContentHeaderJp {
    font-size: 12px;
    font-size: 1.5625vw;
  }
}

@media screen and (orientation: portrait) and (min-width: 769px) {
  .mainContentHeaderJp {
    font-size: 12px;
  }
}

.mainContentHeaderNavList {
  margin: 0px auto;
  display: block;
}

.mainContentHeaderNavLine {
  display: inline-block;
  padding: 0.5em 0;
}

.mainContentHeaderNavLine:not(:last-of-type):after {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
  /* IEサポート */
  font-feature-settings: "liga";
  content: "keyboard_arrow_right";
  padding: 0.5em 0;
}

.mainContentHeaderNavLine a {
  color: #1111CC;
}

.mainContentHeaderSearchBox {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 20px;
  width: 200px;
}

@media only screen and (max-width: 768px) {
  .mainContentHeaderSearchBox {
    transition: all 0.3s ease-in-out;
    -webkit-transition: -webkit-transform all 0.3s ease-in-out;
    max-width: 0;
    display: block;
    margin: 0;
    width: 80vw;
    right: 15vw;
    transition: max-width 0.3s ease-in-out;
  }

  .mainContentHeaderSearchBox.visible {
    max-width: 9999px;
  }
}

.mainContentHeaderSearchBoxTitle {
  margin: 0px auto;
  display: block;
  letter-spacing: 0.04em;
  padding-bottom: 0.5em;
}

@media screen and (max-width: 486px) {
  .mainContentHeaderSearchBoxTitle {
    font-size: 12px;
    font-size: 2.962962963vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .mainContentHeaderSearchBoxTitle {
    font-size: 12px;
    font-size: 1.5625vw;
  }
}

@media screen and (min-width: 769px) {
  .mainContentHeaderSearchBoxTitle {
    font-size: 12px;
  }
}

@media only screen and (max-width: 768px) {
  .mainContentHeaderSearchBoxTitle {
    display: none;
  }
}

.mainContentHeaderSearchBoxInputBox {
  margin: 0px auto;
  display: block;
  width: 100%;
  position: relative;
}

.mainContentHeaderSearchBoxInput {
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: none;
  appearance: none;
  -webkit-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  border: 0;
  outline: none;
  padding: 0;
  background: transparent;
  width: 100%;
  box-sizing: border-box;
  margin: 0px auto;
  display: block;
  background-color: #ffffff;
  font-size: 16px;
  padding: 0.25em 0.5em;
  position: relative;
  z-index: 2;
}

.mainContentHeaderSearchBoxInput::-ms-expand {
  display: none;
}

@media only screen and (max-width: 768px) {
  .mainContentHeaderSearchBoxInput {
    margin-top: 2vw;
    height: 10vw;
    width: 100%;
  }
}

.mainContentHeaderSearchBoxBtn {
  -webkit-box-sizing: content-box;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  box-sizing: border-box;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  position: absolute;
  z-index: 3;
  right: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0;
}

.mainContentHeaderSearchBoxBtn::-webkit-search-decoration {
  display: none;
}

.mainContentHeaderSearchBoxBtn:focus {
  outline-offset: -2px;
}

.mainContentHeaderSearchBoxBtn:after {
  display: block;
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
  /* IEサポート */
  font-feature-settings: "liga";
  content: "search";
  font-size: 18px;
  color: #1111CC;
  background-color: #ffffff;
  width: 20px;
  height: 20px;
  margin-right: 0.5em;
}

@media only screen and (max-width: 768px) {
  .mainContentHeaderSearchBoxBtn:after {
    margin-right: 0;
    font-size: 32px;
    height: 10vw;
    width: 10vw;
    line-height: 10vw;
    text-align: center;
  }
}

.spSearchIconBtn {
  display: none;
  position: absolute;
  z-index: 20;
  top: 0;
  right: 0;
  height: 14vw;
  max-height: 60px;
}

.spSearchIconBtn:hover {
  opacity: 1 !important;
}

@media only screen and (max-width: 768px) {
  .spSearchIconBtn {
    display: block;
  }
}

.spSearchIconBtnImg {
  display: block;
  height: 100%;
}

.mainContentInnerNav {
  margin: 0px auto;
  display: block;
}

.mainContentInnerNavList {
  margin: 0px auto;
  display: block;
  max-width: 900px;
  width: 90%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .mainContentInnerNavList {
    margin-top: 7.5vw;
    margin-bottom: 7.5vw;
  }
}

@media screen and (min-width: 769px) {
  .mainContentInnerNavList {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}

.mainContentInnerNavLine {
  transition: all 0.3s ease-in-out;
  -webkit-transition: -webkit-transform all 0.3s ease-in-out;
  position: relative;
  flex-basis: 100%;
  text-align: center;
  margin: 5px 0;
}

.mainContentInnerNavLine a {
  transition: all 0.3s ease-in-out;
  -webkit-transition: -webkit-transform all 0.3s ease-in-out;
  margin: 0px auto;
  display: block;
  width: calc(100% - 10px);
  text-align: center;
  padding: 0.75em;
  font-weight: 600;
  border-bottom: 2px solid #ffffff;
}

.mainContentInnerNavLine a:hover {
  opacity: 1 !important;
}

@media screen and (max-width: 486px) {
  .mainContentInnerNavLine a {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .mainContentInnerNavLine a {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media screen and (min-width: 769px) {
  .mainContentInnerNavLine a {
    font-size: 14px;
  }
}

@media only screen and (max-width: 768px) {
  .mainContentInnerNavLine a {
    position: relative;
    padding: 0.75em 1em;
  }
}

.mainContentInnerNavLine a:after {
  content: "keyboard_arrow_down";
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
  /* IEサポート */
  font-feature-settings: "liga";
  display: inline-block;
  margin-left: 0.5em;
}

@media screen and (max-width: 486px) {
  .mainContentInnerNavLine a:after {
    font-size: 12px;
    font-size: 2.962962963vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .mainContentInnerNavLine a:after {
    font-size: 12px;
    font-size: 1.5625vw;
  }
}

@media screen and (min-width: 769px) {
  .mainContentInnerNavLine a:after {
    font-size: 12px;
  }
}

@media only screen and (max-width: 768px) {
  .mainContentInnerNavLine a:after {
    position: absolute;
    right: 0.2em;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}

@media only screen and (max-width: 768px) and (max-width: 486px) {
  .mainContentInnerNavLine a {
    font-size: 11px;
    font-size: 2.7160493827vw;
  }
}

@media only screen and (max-width: 768px) and (min-width: 487px) and (max-width: 768px) {
  .mainContentInnerNavLine a {
    font-size: 11px;
    font-size: 1.4322916667vw;
  }
}

@media only screen and (max-width: 768px) and (min-width: 769px) {
  .mainContentInnerNavLine a {
    font-size: 11px;
  }
}

.mainContentInnerNavLine a:hover {
  background-color: #2B83CC;
  color: #ffffff;
}

.Footer {
  position: relative;
  z-index: 2;
  margin: 0px auto;
  display: block;
  width: 100%;
  background-color: #557B8E;
}

.FooterWrap {
  margin: 0px auto;
  display: block;
  width: 90%;
  max-width: 900px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

@media screen and (max-width: 768px) {
  .FooterWrap {
    padding-top: 5vw;
    padding-bottom: 5vw;
  }
}

@media screen and (min-width: 769px) {
  .FooterWrap {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media only screen and (max-width: 486px) {
  .FooterWrap {
    width: 95%;
    justify-content: center;
  }
}

@media screen and (orientation: portrait) {
  .FooterWrap {
    width: 95%;
    justify-content: center;
  }
}

.FooterLogoWrap {
  position: relative;
  flex-basis: 49%;
  border-right: 1px solid #ffffff;
}

@media screen and (orientation: portrait) {
  .FooterLogoWrap {
    flex-basis: 90%;
    display: block;
    border-right: 0;
  }
}

@media only screen and (max-width: 768px) {
  .FooterLogoWrap {
    flex-basis: 90%;
    display: block;
    border-right: 0;
  }
}

.FooterLogoWrap a {
  display: block;
}

.FooterLogoImg {
  position: absolute;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin: 0px auto;
  display: block;
  width: 90%;
  max-width: 50vw;
}

@media screen and (orientation: portrait) {
  .FooterLogoImg {
    display: block;
    margin: 0px;
    position: static;
    transform: none;
  }
}

@media only screen and (max-width: 768px) {
  .FooterLogoImg {
    display: block;
    margin: 0px;
    position: static;
    transform: none;
  }
}

@media only screen and (max-width: 486px) {
  .FooterLogoImg {
    display: block;
    margin: 0px;
    max-width: 70vw;
    transform: none;
  }
}

.FooterInfoWrap {
  flex-basis: 49%;
}

@media screen and (orientation: portrait) {
  .FooterInfoWrap {
    flex-basis: 90%;
  }
}

@media screen and (orientation: portrait) and (max-width: 768px) {
  .FooterInfoWrap {
    padding-top: 10vw;
  }
}

@media screen and (orientation: portrait) and (min-width: 769px) {
  .FooterInfoWrap {
    padding-top: 80px;
  }
}

@media only screen and (max-width: 768px) {
  .FooterInfoWrap {
    flex-basis: 90%;
  }
}

@media only screen and (max-width: 768px) and (max-width: 768px) {
  .FooterInfoWrap {
    padding-top: 5vw;
  }
}

@media only screen and (max-width: 768px) and (min-width: 769px) {
  .FooterInfoWrap {
    padding-top: 40px;
  }
}

.FooterInfoContent {
  margin: 0px auto;
  display: block;
}

@media screen and (max-width: 768px) {
  .FooterInfoContent {
    padding-left: 5vw;
    padding-right: 5vw;
  }
}

@media screen and (min-width: 769px) {
  .FooterInfoContent {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media only screen and (max-width: 768px) {
  .FooterInfoContent {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (orientation: portrait) {
  .FooterInfoContent {
    padding-left: 0;
    padding-right: 0;
  }
}

.FooterInfoHeadline {
  margin: 0px auto;
  display: block;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0.02em;
  padding-bottom: 0.75em;
  line-height: 135%;
}

@media screen and (max-width: 486px) {
  .FooterInfoHeadline {
    font-size: 20px;
    font-size: 4.9382716049vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .FooterInfoHeadline {
    font-size: 20px;
    font-size: 2.6041666667vw;
  }
}

@media screen and (min-width: 769px) {
  .FooterInfoHeadline {
    font-size: 20px;
  }
}

.FooterInfoHeadline a {
  color: #ffffff;
}

.FooterInfoList {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
}

.FooterInfoLine {
  margin-bottom: 0.75em;
  color: #ffffff;
}

@media screen and (max-width: 486px) {
  .FooterInfoLine {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .FooterInfoLine {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media screen and (min-width: 769px) {
  .FooterInfoLine {
    font-size: 16px;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .FooterInfoLine {
    font-size: 12px;
    font-size: 2.962962963vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .FooterInfoLine {
    font-size: 12px;
    font-size: 1.5625vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .FooterInfoLine {
    font-size: 12px;
  }
}

.FooterInfoLineHeadline {
  display: inline-block;
  background-color: #ffffff;
  color: #585858;
  font-weight: 500;
  padding: 0.4em 0;
  width: 4em;
  text-align: center;
  margin-right: 1em;
}

@media screen and (max-width: 486px) {
  .FooterInfoLineHeadline {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .FooterInfoLineHeadline {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media screen and (min-width: 769px) {
  .FooterInfoLineHeadline {
    font-size: 14px;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .FooterInfoLineHeadline {
    font-size: 12px;
    font-size: 2.962962963vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .FooterInfoLineHeadline {
    font-size: 12px;
    font-size: 1.5625vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .FooterInfoLineHeadline {
    font-size: 12px;
  }
}

.FooterInfoLineText {
  display: inline-block;
  font-weight: 400;
  color: #ffffff;
  letter-spacing: 0.05em;
  padding-right: 1em;
}

@media screen and (max-width: 486px) {
  .FooterInfoLineText {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .FooterInfoLineText {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media screen and (min-width: 769px) {
  .FooterInfoLineText {
    font-size: 14px;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .FooterInfoLineText {
    font-size: 12px;
    font-size: 2.962962963vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .FooterInfoLineText {
    font-size: 12px;
    font-size: 1.5625vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .FooterInfoLineText {
    font-size: 12px;
  }
}

.FooterInfoLineText a {
  color: #ffffff;
}

.FooterInfoLineTextSmall {
  color: #ffffff;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 486px) {
  .FooterInfoLineTextSmall {
    font-size: 12px;
    font-size: 2.962962963vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .FooterInfoLineTextSmall {
    font-size: 12px;
    font-size: 1.5625vw;
  }
}

@media screen and (min-width: 769px) {
  .FooterInfoLineTextSmall {
    font-size: 12px;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .FooterInfoLineTextSmall {
    font-size: 10px;
    font-size: 2.4691358025vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .FooterInfoLineTextSmall {
    font-size: 10px;
    font-size: 1.3020833333vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .FooterInfoLineTextSmall {
    font-size: 10px;
  }
}

.footerCopyrights {
  flex-basis: 100%;
  text-align: center;
  color: #ffffff;
  letter-spacing: 0.05em;
  font-family: "Barlow", sans-serif;
}

@media screen and (max-width: 486px) {
  .footerCopyrights {
    font-size: 15px;
    font-size: 3.7037037037vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .footerCopyrights {
    font-size: 15px;
    font-size: 1.953125vw;
  }
}

@media screen and (min-width: 769px) {
  .footerCopyrights {
    font-size: 15px;
  }
}

@media screen and (max-width: 768px) {
  .footerCopyrights {
    padding-top: 5vw;
  }
}

@media screen and (min-width: 769px) {
  .footerCopyrights {
    padding-top: 40px;
  }
}

@media only screen and (max-width: 486px) and (max-width: 768px) {
  .footerCopyrights {
    padding-top: 12.5vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .footerCopyrights {
    padding-top: 100px;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .footerCopyrights {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .footerCopyrights {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .footerCopyrights {
    font-size: 14px;
  }
}

.footerLinkBox {
  flex-basis: 48%;
}

@media screen and (max-width: 768px) {
  .footerLinkBox {
    margin-top: 2.5vw;
  }
}

@media screen and (min-width: 769px) {
  .footerLinkBox {
    margin-top: 20px;
  }
}

@media screen and (orientation: portrait) {
  .footerLinkBox {
    flex-basis: 90%;
  }
}

@media screen and (orientation: portrait) and (max-width: 768px) {
  .footerLinkBox {
    padding-top: 1.25vw;
  }
}

@media screen and (orientation: portrait) and (min-width: 769px) {
  .footerLinkBox {
    padding-top: 10px;
  }
}

@media only screen and (max-width: 768px) {
  .footerLinkBox {
    flex-basis: 90%;
  }
}

@media only screen and (max-width: 768px) and (max-width: 768px) {
  .footerLinkBox {
    padding-top: 0vw;
  }
}

@media only screen and (max-width: 768px) and (min-width: 769px) {
  .footerLinkBox {
    padding-top: 0px;
  }
}

.footerLinkBoxHeadline {
  margin: 0px auto;
  display: block;
  font-weight: 600;
  color: #ffffff;
  padding: 0.75em 0.25em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  border-bottom: 1px solid #ffffff;
}

@media screen and (max-width: 486px) {
  .footerLinkBoxHeadline {
    font-size: 18px;
    font-size: 4.4444444444vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .footerLinkBoxHeadline {
    font-size: 18px;
    font-size: 2.34375vw;
  }
}

@media screen and (min-width: 769px) {
  .footerLinkBoxHeadline {
    font-size: 18px;
  }
}

.footerLinkBoxList {
  margin: 0px auto;
  display: block;
}

.footerLinkBoxLine {
  display: inline-block;
  margin-right: 2em;
  padding: 0.5em 0;
  color: #ffffff;
}

@media screen and (max-width: 486px) {
  .footerLinkBoxLine {
    font-size: 12px;
    font-size: 2.962962963vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .footerLinkBoxLine {
    font-size: 12px;
    font-size: 1.5625vw;
  }
}

@media screen and (min-width: 769px) {
  .footerLinkBoxLine {
    font-size: 12px;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .footerLinkBoxLine {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .footerLinkBoxLine {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .footerLinkBoxLine {
    font-size: 14px;
  }
}

.footerLinkBoxLine a {
  color: #ffffff;
  position: relative;
  padding-left: 1.1em;
}

.footerLinkBoxLine a:before {
  content: "keyboard_arrow_right";
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
  /* IEサポート */
  font-feature-settings: "liga";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.footerLinkBoxSmallList {
  margin: 0px auto;
  display: block;
  padding-left: 1em;
}

.footerLinkBoxSmallLine {
  display: inline-block;
  margin-right: 1em;
  padding: 0.5em 0;
}

@media screen and (max-width: 486px) {
  .footerLinkBoxSmallLine {
    font-size: 12px;
    font-size: 2.962962963vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .footerLinkBoxSmallLine {
    font-size: 12px;
    font-size: 1.5625vw;
  }
}

@media screen and (min-width: 769px) {
  .footerLinkBoxSmallLine {
    font-size: 12px;
  }
}

.footerLinkBoxSmallLine a {
  color: #ffffff;
  position: relative;
  padding-left: 1.1em;
}

.footerLinkBoxSmallLine a:before {
  content: "keyboard_arrow_right";
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
  /* IEサポート */
  font-feature-settings: "liga";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .footerLinkBoxSmallLine {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .footerLinkBoxSmallLine {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .footerLinkBoxSmallLine {
    font-size: 14px;
  }
}

.footerLinkBoxVariousLinkList {
  margin: 0px auto;
  display: block;
}

.footerLinkBoxVariousLinkLine {
  margin: 0px auto;
  display: block;
  padding: 0.5em 0 0.75em 0;
}

@media screen and (max-width: 486px) {
  .footerLinkBoxVariousLinkLine {
    font-size: 12px;
    font-size: 2.962962963vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .footerLinkBoxVariousLinkLine {
    font-size: 12px;
    font-size: 1.5625vw;
  }
}

@media screen and (min-width: 769px) {
  .footerLinkBoxVariousLinkLine {
    font-size: 12px;
  }
}

.footerLinkBoxVariousLinkLine a {
  color: #ffffff;
  position: relative;
  padding-left: 1.1em;
}

.footerLinkBoxVariousLinkLine a:before {
  content: "keyboard_arrow_right";
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
  /* IEサポート */
  font-feature-settings: "liga";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .footerLinkBoxVariousLinkLine {
    font-size: 12px;
    font-size: 2.962962963vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .footerLinkBoxVariousLinkLine {
    font-size: 12px;
    font-size: 1.5625vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .footerLinkBoxVariousLinkLine {
    font-size: 12px;
  }
}

.footerContactWrap {
  transition: all 0.3s ease-in-out;
  -webkit-transition: -webkit-transform all 0.3s ease-in-out;
  margin: 0px auto;
  display: block;
  width: 100%;
  overflow-x: hidden;
  background-color: #1111CC;
  padding: 15px;
}

@media only screen and (max-width: 768px) {
  .footerContactWrap {
    padding: 2vw;
  }
}

.footerContactWrap * {
  transition: all 0.3s ease-in-out;
  -webkit-transition: -webkit-transform all 0.3s ease-in-out;
}

.footerContactWrap *:hover {
  opacity: 1 !important;
}

.footerContactWrap:hover {
  background: #2B83CC;
}

.footerContactWrap:hover a {
  transform: scale(1.05);
}

.footerContactWrap:hover .footerContactBtn:after {
  right: 0.25em;
}

.footerContactBtn {
  margin: 0px auto;
  display: block;
  width: 100%;
  max-width: 100%;
  border: 1px solid #D8E0ED;
  position: relative;
}

.footerContactBtn:after {
  transition: all 0.3s ease-in-out;
  -webkit-transition: -webkit-transform all 0.3s ease-in-out;
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
  /* IEサポート */
  font-feature-settings: "liga";
  content: "keyboard_arrow_right";
  position: absolute;
  right: 0.5em;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #ffffff;
}

@media screen and (max-width: 486px) {
  .footerContactBtn:after {
    font-size: 30px;
    font-size: 7.4074074074vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .footerContactBtn:after {
    font-size: 30px;
    font-size: 3.90625vw;
  }
}

@media screen and (min-width: 769px) {
  .footerContactBtn:after {
    font-size: 30px;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .footerContactBtn:after {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .footerContactBtn:after {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .footerContactBtn:after {
    font-size: 16px;
  }
}

.footerContactBtnContent {
  margin: 0px auto;
  display: block;
  width: 90vw;
  padding: 1em 0;
  max-width: 550px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.footerContactBtnImgWrap {
  flex-basis: 150px;
  height: auto;
}

.footerContactBtnImgWrap img {
  margin: 0px auto;
  display: block;
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 768px) {
  .footerContactBtnImgWrap {
    flex-basis: 20vw;
  }
}

.footerContactBtnTextWrap {
  flex-basis: calc(100% - 150px);
  color: #ffffff;
}

@media only screen and (max-width: 768px) {
  .footerContactBtnTextWrap {
    flex-basis: calc(100% - 20vw);
  }
}

.footerContactBtnMainText {
  margin: 0px auto;
  display: block;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.02em;
}

@media screen and (max-width: 486px) {
  .footerContactBtnMainText {
    font-size: 30px;
    font-size: 7.4074074074vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .footerContactBtnMainText {
    font-size: 30px;
    font-size: 3.90625vw;
  }
}

@media screen and (min-width: 769px) {
  .footerContactBtnMainText {
    font-size: 30px;
  }
}

.footerContactBtnMainText small {
  font-size: 0.7em;
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .footerContactBtnMainText {
    font-size: 20px;
    font-size: 4.9382716049vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .footerContactBtnMainText {
    font-size: 20px;
    font-size: 2.6041666667vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .footerContactBtnMainText {
    font-size: 20px;
  }
}

.footerContactBtnMainText:after {
  content: "";
  display: block;
  margin: 0.5em auto;
  width: 3em;
  height: 1px;
  border-top: 1px solid #2B83CC;
}

.footerContactBtnSubText {
  margin: 0px auto;
  display: block;
  text-align: center;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.02em;
}

@media screen and (max-width: 486px) {
  .footerContactBtnSubText {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .footerContactBtnSubText {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media screen and (min-width: 769px) {
  .footerContactBtnSubText {
    font-size: 14px;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .footerContactBtnSubText {
    font-size: 12px;
    font-size: 2.962962963vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .footerContactBtnSubText {
    font-size: 12px;
    font-size: 1.5625vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .footerContactBtnSubText {
    font-size: 12px;
  }
}

.spFooterFixedBtnWrap {
  display: none;
  position: fixed;
  z-index: 100;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 15vw;
  max-height: 40px;
}

@media only screen and (max-width: 768px) {
  .spFooterFixedBtnWrap {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
  }
}

.spFooterFixedBtn {
  flex-basis: 50%;
  position: relative;
}

.spFooterFixedBtn img {
  width: 80%;
  height: auto;
  max-height: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.spFooterFixedBtn.contact {
  background: #1111CC;
}

.spFooterFixedBtn.outer {
  background: #2B83CC;
}

.spNavWrap {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 90, 188, 0.5);
  transition: all 0.3s ease-in-out;
  -webkit-transition: -webkit-transform all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
}

.spNavWrap.visible {
  opacity: 1 !important;
  visibility: visible;
}

.spNavCloseBtn {
  position: absolute;
  z-index: 1001;
  top: 0;
  right: 0;
  height: 14vw;
  max-height: 60px;
}

.spNavCloseBtn img {
  display: block;
  width: auto;
  height: 100%;
}

.spNavBox {
  position: absolute;
  top: 0;
  right: 0;
  width: 85vw;
  max-width: 300px;
  height: 100%;
  background-color: #ffffff;
  box-shadow: -10px 0 10px 0 rgba(0, 0, 0, 0.2);
  border-left: 3px solid #1111CC;
  transition: all 0.3s ease-in-out;
  -webkit-transition: -webkit-transform all 0.3s ease-in-out;
  transform: translateX(120%);
}

.spNavBox.visible {
  transform: none;
}

.spNavList {
  margin: 0px auto;
  display: block;
  margin-top: 15vw;
  max-height: calc(100% - 15vw);
  overflow-y: scroll;
}

.spNavLine {
  display: block;
  padding-left: 1.5em;
  margin-bottom: 1.5em;
  position: relative;
}

.spNavLine:before {
  content: "";
  display: block;
  width: 1em;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  border-top: 1px solid #1111CC;
}

.spNavLineEng {
  margin: 0px auto;
  display: block;
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  letter-spacing: 0.02em;
  font-style: italic;
  color: #1111CC;
  line-height: 120%;
  padding-top: 1vw;
  padding-bottom: 1vw;
}

@media screen and (max-width: 486px) {
  .spNavLineEng {
    font-size: 30px;
    font-size: 7.4074074074vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .spNavLineEng {
    font-size: 30px;
    font-size: 3.90625vw;
  }
}

@media screen and (min-width: 769px) {
  .spNavLineEng {
    font-size: 30px;
  }
}

.spNavLineJp {
  margin: 0px auto;
  display: block;
  color: #2F2F2F;
  padding-bottom: 3vw;
}

@media screen and (max-width: 486px) {
  .spNavLineJp {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .spNavLineJp {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media screen and (min-width: 769px) {
  .spNavLineJp {
    font-size: 14px;
  }
}

.spNavSubList {
  margin: 0px auto;
  display: block;
  margin-left: 9vw;
}

.spNavSubLine {
  position: relative;
  margin: 0px auto;
  display: block;
  padding: 0.75em 0;
  padding-left: 1.5em;
  line-height: 100%;
}

@media screen and (max-width: 486px) {
  .spNavSubLine {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .spNavSubLine {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media screen and (min-width: 769px) {
  .spNavSubLine {
    font-size: 16px;
  }
}

.spNavSubLine:before {
  content: url("common/img/iconHexa.svg");
  position: absolute;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1em;
}

.spNavImgLine {
  display: block;
  margin-bottom: 0.6em;
  margin-left: 0;
  width: 60%;
  max-width: 200px;
}

.spNavImgLine a {
  width: 100%;
  height: 100%;
}

.spNavImgLine img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.enquterCompletedMessage {
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(7, 107, 175, 0.8);
  color: #ffffff;
  line-height: 150%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  transform: translateY(-120%);
}

@media screen and (max-width: 486px) {
  .enquterCompletedMessage {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .enquterCompletedMessage {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media screen and (min-width: 769px) {
  .enquterCompletedMessage {
    font-size: 16px;
  }
}

.enquterCompletedMessage span {
  margin: 1em 1em;
}

.enquterCompletedMessage.animation {
  animation: headerMessage 4s 0.5s ease-in-out 1;
}

@keyframes headerMessage {
  0% {
    transform: translateY(-120%);
  }

  10% {
    transform: translateY(0%);
  }

  90% {
    transform: translateY(0%);
  }

  100% {
    transform: translateY(-120%);
  }
}

@keyframes cardAnimation {
  0% {
    transform: translateX(150%);
  }

  100% {
    transform: translateX(0%);
  }
}

.enqueteCard {
  transform: translateX(150%);
  transition: 0.3s ease-in-out !important;
  position: fixed;
  z-index: 101;
  right: 0;
  bottom: 50px;
  width: 25vw;
  max-width: 150px;
  background-color: #ffffff;
  border-radius: 5px 0px 0px 5px/5px 0px 0px 5px;
  box-shadow: -10px 5px 15px rgba(0, 0, 0, 0.2);
}

.enqueteCard.visibleOn {
  animation: cardAnimation 0.5s 1.5s ease-in-out 1 forwards;
}

.enqueteCard.hidden {
  transform: translateX(150%) !important;
  right: -500px;
}

@media only screen and (max-width: 768px) {
  .enqueteCard {
    bottom: 10vw;
  }
}

@media only screen and (max-width: 486px) {
  .enqueteCard {
    bottom: 15vw;
  }
}

@media only screen and (max-width: 486px) {
  .enqueteCard {
    width: 30vw;
  }
}

.enqueteCard:before {
  content: url("common/img/iconBell.svg");
  margin: 0px auto;
  display: block;
  width: 7.5vw;
  max-width: 40px;
  height: auto;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 0;
  left: 50%;
}

.enqueteCardHeadline {
  margin: 0px auto;
  display: block;
  font-weight: 700;
  color: #1111CC;
  width: 90%;
  text-align: center;
  padding: 1.5em 0 0 0;
}

@media screen and (max-width: 486px) {
  .enqueteCardHeadline {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .enqueteCardHeadline {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media screen and (min-width: 769px) {
  .enqueteCardHeadline {
    font-size: 16px;
  }
}

.enqueteCardBtn {
  margin: 0px auto;
  display: block;
  width: 90%;
  text-align: center;
  padding: 0.5em 1em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  background-color: #1111CC;
  color: #ffffff;
  position: relative;
}

@media screen and (max-width: 486px) {
  .enqueteCardBtn {
    font-size: 12px;
    font-size: 2.962962963vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .enqueteCardBtn {
    font-size: 12px;
    font-size: 1.5625vw;
  }
}

@media screen and (min-width: 769px) {
  .enqueteCardBtn {
    font-size: 12px;
  }
}

.enqueteCardBtn:after {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
  /* IEサポート */
  font-feature-settings: "liga";
  content: "keyboard_arrow_left";
  position: absolute;
  left: 0.25em;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.enqueteCardCloseLinkBtn {
  margin: 0px auto;
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  width: 90%;
  text-align: right;
}

@media screen and (max-width: 486px) {
  .enqueteCardCloseLinkBtn {
    font-size: 12px;
    font-size: 2.962962963vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .enqueteCardCloseLinkBtn {
    font-size: 12px;
    font-size: 1.5625vw;
  }
}

@media screen and (min-width: 769px) {
  .enqueteCardCloseLinkBtn {
    font-size: 12px;
  }
}

.enqueteCardCloseLink {
  display: inline-block;
  color: #6E6E6E;
  position: relative;
  padding-left: 1.25em;
}

@media screen and (max-width: 486px) {
  .enqueteCardCloseLink {
    font-size: 10px;
    font-size: 2.4691358025vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .enqueteCardCloseLink {
    font-size: 10px;
    font-size: 1.3020833333vw;
  }
}

@media screen and (min-width: 769px) {
  .enqueteCardCloseLink {
    font-size: 10px;
  }
}

.enqueteCardCloseLink:before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
  /* IEサポート */
  font-feature-settings: "liga";
  content: "close";
  position: absolute;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.enqueteContentsModal {
  transition: all 0.3s ease-in-out;
  -webkit-transition: -webkit-transform all 0.3s ease-in-out;
  visibility: hidden;
  opacity: 0;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 90, 188, 0.6);
}

.enqueteContentsModal.visible {
  visibility: visible;
  opacity: 1;
  display: block;
}

.enqueteContentsModalInner {
  transform: translate(0%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90vw;
  max-width: 750px;
  height: 70vh;
  max-height: 500px;
  background-color: #ffffff;
  box-shadow: 0px 10px 20px 0 rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 486px) {
  .enqueteContentsModalInner {
    max-height: 80vh;
  }
}

.enqueteContentsModalInnerWrap {
  margin: 0px auto;
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 768px) {
  .enqueteContentsModalInnerWrap {
    padding-top: 5vw;
  }
}

@media screen and (min-width: 769px) {
  .enqueteContentsModalInnerWrap {
    padding-top: 40px;
  }
}

@media screen and (max-width: 768px) {
  .enqueteContentsModalInnerWrap {
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }
}

@media screen and (min-width: 769px) {
  .enqueteContentsModalInnerWrap {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (max-width: 768px) {
  .enqueteContentsModalInnerWrap {
    padding-bottom: 10vw;
  }
}

@media screen and (min-width: 769px) {
  .enqueteContentsModalInnerWrap {
    padding-bottom: 80px;
  }
}

.enqueteContentsModalCloseBtn {
  position: absolute;
  top: 0;
  right: 5px;
  transform: translate(50%, -50%);
  width: 10vw;
  height: 10vw;
  max-width: 45px;
  max-height: 45px;
}

.enqueteContentsModalCloseBtnImg {
  display: block;
}

.enqueteContentsHeadline {
  position: absolute;
  display: block;
  top: 0;
  left: 2.5%;
  transform: translateY(-35%);
  width: 40%;
  max-width: 350px;
}

.enqueteContentsHeadlineJp {
  display: block;
  font-weight: 700;
  color: #1111CC;
  letter-spacing: 0.02em;
  padding-top: 0.5em;
}

@media screen and (max-width: 486px) {
  .enqueteContentsHeadlineJp {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .enqueteContentsHeadlineJp {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media screen and (min-width: 769px) {
  .enqueteContentsHeadlineJp {
    font-size: 14px;
  }
}

.enqueteContentsWrap {
  margin: 0px auto;
  display: block;
  height: 100%;
  background-color: #D8E0ED;
  overflow-y: scroll;
}

@media screen and (max-width: 768px) {
  .enqueteContentsWrap {
    margin-top: 5vw;
  }
}

@media screen and (min-width: 769px) {
  .enqueteContentsWrap {
    margin-top: 40px;
  }
}

@media screen and (max-width: 768px) {
  .enqueteContentsWrap {
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }
}

@media screen and (min-width: 769px) {
  .enqueteContentsWrap {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (max-width: 768px) {
  .enqueteContentsWrap {
    padding-bottom: 5vw;
  }
}

@media screen and (min-width: 769px) {
  .enqueteContentsWrap {
    padding-bottom: 40px;
  }
}

@media only screen and (max-width: 486px) and (max-width: 768px) {
  .enqueteContentsWrap {
    margin-top: 7.5vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .enqueteContentsWrap {
    margin-top: 60px;
  }
}

.enqueteContentsWrapMainText {
  display: block;
  font-weight: 700;
  color: #2F2F2F;
  line-height: 150%;
  padding: 1em 0;
}

@media screen and (max-width: 486px) {
  .enqueteContentsWrapMainText {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .enqueteContentsWrapMainText {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media screen and (min-width: 769px) {
  .enqueteContentsWrapMainText {
    font-size: 16px;
  }
}

.enqueteContentsFormObj {
  margin: 0px auto;
  display: block;
  border-bottom: 1px solid #ffffff;
}

@media screen and (max-width: 768px) {
  .enqueteContentsFormObj {
    padding-bottom: 2.5vw;
  }
}

@media screen and (min-width: 769px) {
  .enqueteContentsFormObj {
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 768px) {
  .enqueteContentsFormObj {
    margin-bottom: 2.5vw;
  }
}

@media screen and (min-width: 769px) {
  .enqueteContentsFormObj {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 486px) and (max-width: 768px) {
  .enqueteContentsFormObj {
    padding-bottom: 5vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .enqueteContentsFormObj {
    padding-bottom: 40px;
  }
}

@media only screen and (max-width: 486px) and (max-width: 768px) {
  .enqueteContentsFormObj {
    margin-bottom: 5vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .enqueteContentsFormObj {
    margin-bottom: 40px;
  }
}

.enqueteContentsFormObjHeadline {
  margin: 0px auto;
  display: block;
  padding-bottom: 0.5em;
}

.enqueteContentsFormObjNum {
  display: inline-block;
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  color: #1111CC;
  margin-right: 0.25em;
}

@media screen and (max-width: 486px) {
  .enqueteContentsFormObjNum {
    font-size: 28px;
    font-size: 6.9135802469vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .enqueteContentsFormObjNum {
    font-size: 28px;
    font-size: 3.6458333333vw;
  }
}

@media screen and (min-width: 769px) {
  .enqueteContentsFormObjNum {
    font-size: 28px;
  }
}

@media only screen and (max-width: 486px) {
  .enqueteContentsFormObjNum {
    display: block;
    padding-bottom: 0.25em;
  }
}

.enqueteContentsFormObjHeadline {
  display: inline-block;
  letter-spacing: 0.03em;
}

@media screen and (max-width: 486px) {
  .enqueteContentsFormObjHeadline {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .enqueteContentsFormObjHeadline {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media screen and (min-width: 769px) {
  .enqueteContentsFormObjHeadline {
    font-size: 16px;
  }
}

@media only screen and (max-width: 486px) {
  .enqueteContentsFormObjHeadline {
    display: block;
    line-height: 150%;
  }
}

.seedsMenuList {
  margin: 0px auto;
  display: block;
  max-width: 900px;
  width: 90%;
  margin: 0px auto;
  display: block;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  .seedsMenuList {
    margin-top: 7.5vw;
    margin-bottom: 7.5vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsMenuList {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}

@media only screen and (max-width: 486px) {
  .seedsMenuList {
    display: none;
  }
}

.seedMenuLine {
  flex-basis: 19%;
}

.seedMenuLine:not(:nth-of-type(5n)) {
  margin-right: 1%;
}

@media only screen and (max-width: 1000px) {
  .seedMenuLine {
    flex-basis: 30%;
    margin-bottom: 0.5em;
  }

  .seedMenuLine:not(:nth-of-type(3n)) {
    margin-right: 2% !important;
  }

  .seedMenuLine:not(:nth-of-type(5n)) {
    margin-right: 0;
  }
}

.seedMenuLine a {
  position: relative;
  display: block;
  width: 100%;
  border-bottom: 2px solid #ffffff;
  padding: 1.25em;
  padding-left: 2.5em;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #2F2F2F;
}

@media screen and (max-width: 486px) {
  .seedMenuLine a {
    font-size: 12px;
    font-size: 2.962962963vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .seedMenuLine a {
    font-size: 12px;
    font-size: 1.5625vw;
  }
}

@media screen and (min-width: 769px) {
  .seedMenuLine a {
    font-size: 12px;
  }
}

.seedMenuLine a:before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  left: 0.75em;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #ffffff;
}

.seedMenuLine a.selected {
  background-color: #ffffff;
  color: #1111CC;
}

.seedMenuLine a.selected:before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
  /* IEサポート */
  font-feature-settings: "liga";
  content: "check_box";
  font-size: 17px;
  left: 0.5em;
}

.seedsMenuselectListLabel {
  display: none;
  width: 90vw;
  overflow: hidden;
  position: relative;
}

@media only screen and (max-width: 486px) {
  .seedsMenuselectListLabel {
    display: block;
    margin: 0px auto;
    display: block;
    font-size: 16px;
  }
}

.seedsMenuselectListLabel:before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
  /* IEサポート */
  font-feature-settings: "liga";
  content: "check_box";
  position: absolute;
  left: 0.5em;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #1111CC;
  z-index: 20;
}

@media screen and (max-width: 486px) {
  .seedsMenuselectListLabel:before {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .seedsMenuselectListLabel:before {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsMenuselectListLabel:before {
    font-size: 16px;
  }
}

.seedsMenuselectListLabel:after {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
  /* IEサポート */
  font-feature-settings: "liga";
  content: "keyboard_arrow_down";
  pointer-events: none;
  width: 10vw;
  height: 10vw;
  line-height: 10vw;
  font-size: 22px;
  color: #ffffff;
  background-color: #1111CC;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
}

.seedsMenuselectList {
  margin: 0px auto;
  display: block;
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: none;
  appearance: none;
  -webkit-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  border: 0;
  outline: none;
  padding: 0;
  background: transparent;
  width: 100%;
  height: 10vw;
  line-height: 10vw;
  font-weight: 700;
  padding: 0 2em;
  background-color: #ffffff;
  color: #1111CC;
  position: relative;
}

.seedsMenuselectList::-ms-expand {
  display: none;
}

@media screen and (max-width: 486px) {
  .seedsMenuselectList {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .seedsMenuselectList {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsMenuselectList {
    font-size: 16px;
  }
}

@media only screen and (max-width: 768px) {
  .seedsMenuselectList {
    font-size: 16px;
  }
}

.seedsInnerHeadline {
  margin: 0px auto;
  display: block;
  max-width: 900px;
  width: 90%;
  margin: 0px auto;
  display: block;
  line-height: 150%;
  position: relative;
  background-image: url("common/img/headlineIcon.svg");
  background-size: 5% 55%;
  background-repeat: no-repeat;
  background-position: top left;
  padding-top: 1em;
}

@media screen and (max-width: 768px) {
  .seedsInnerHeadline {
    margin-top: 5vw;
    margin-bottom: 5vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsInnerHeadline {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 768px) {
  .seedsInnerHeadline.detailHeadline {
    margin-top: 5vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsInnerHeadline.detailHeadline {
    margin-top: 40px;
  }
}

@media screen and (max-width: 768px) {
  .seedsInnerHeadline.detailHeadline {
    margin-bottom: 1.25vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsInnerHeadline.detailHeadline {
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 486px) and (max-width: 768px) {
  .seedsInnerHeadline {
    margin-top: 12.5vw;
    margin-bottom: 12.5vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .seedsInnerHeadline {
    margin-top: 100px;
    margin-bottom: 100px;
  }
}

@media only screen and (max-width: 486px) {
  .seedsInnerHeadline {
    background-size: 10% 55%;
  }
}

.seedsInnerHeadlineJp {
  margin: 0px auto;
  display: block;
  font-weight: 300;
  color: #1111CC;
  letter-spacing: 0.05em;
  line-height: 135%;
}

@media screen and (max-width: 486px) {
  .seedsInnerHeadlineJp {
    font-size: 38px;
    font-size: 9.3827160494vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .seedsInnerHeadlineJp {
    font-size: 38px;
    font-size: 4.9479166667vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsInnerHeadlineJp {
    font-size: 38px;
  }
}

.detailHeadline .seedsInnerHeadlineJp {
  letter-spacing: 0.02em;
}

@media screen and (max-width: 486px) {
  .detailHeadline .seedsInnerHeadlineJp {
    font-size: 32px;
    font-size: 7.9012345679vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .detailHeadline .seedsInnerHeadlineJp {
    font-size: 32px;
    font-size: 4.1666666667vw;
  }
}

@media screen and (min-width: 769px) {
  .detailHeadline .seedsInnerHeadlineJp {
    font-size: 32px;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .detailHeadline .seedsInnerHeadlineJp {
    font-size: 24px;
    font-size: 5.9259259259vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .detailHeadline .seedsInnerHeadlineJp {
    font-size: 24px;
    font-size: 3.125vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .detailHeadline .seedsInnerHeadlineJp {
    font-size: 24px;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .seedsInnerHeadlineJp.search {
    font-size: 24px;
    font-size: 5.9259259259vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .seedsInnerHeadlineJp.search {
    font-size: 24px;
    font-size: 3.125vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .seedsInnerHeadlineJp.search {
    font-size: 24px;
  }
}

@media only screen and (max-width: 486px) {
  .seedsInnerHeadlineJp.search small {
    display: block;
  }
}

.seedsInnerHeadlineEng {
  margin: 0px auto;
  display: block;
  padding-top: 0.75em;
  letter-spacing: 0.01em;
  color: #2F2F2F;
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0.07em;
}

@media screen and (max-width: 486px) {
  .seedsInnerHeadlineEng {
    font-size: 12px;
    font-size: 2.962962963vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .seedsInnerHeadlineEng {
    font-size: 12px;
    font-size: 1.5625vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsInnerHeadlineEng {
    font-size: 12px;
  }
}

.seedsDirectorCommentWrap {
  margin: 0px auto;
  display: block;
  margin: 0px auto;
  display: block;
  max-width: 900px;
  width: 90%;
}

@media screen and (max-width: 768px) {
  .seedsDirectorCommentWrap {
    margin-bottom: 10vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsDirectorCommentWrap {
    margin-bottom: 80px;
  }
}

.seedsDirectorCommentBox {
  transition: all 0.3s ease-in-out;
  -webkit-transition: -webkit-transform all 0.3s ease-in-out;
  margin: 0px auto;
  display: block;
  border: 2px solid #ffffff;
  padding: 0em 1em 1em 1em;
  position: relative;
}

@media only screen and (max-width: 486px) {
  .seedsDirectorCommentBox:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(255, 255, 255));
  }
}

.seedsDirectorCommentBox.visible:before {
  display: none;
}

@media only screen and (max-width: 486px) {
  .seedsDirectorCommentBox.visible .seedsDirectorCommentBoxInnerWrap {
    max-height: 1000vw !important;
    overflow-y: !important;
    height: auto !important;
  }
}

.seedsDirectorCommentBoxHeadline {
  display: inline-block;
  padding: 0.75em 1em;
  font-weight: 700;
  background-color: #ffffff;
  color: #1111CC;
  transform: translateY(-50%);
}

@media screen and (max-width: 486px) {
  .seedsDirectorCommentBoxHeadline {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .seedsDirectorCommentBoxHeadline {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsDirectorCommentBoxHeadline {
    font-size: 14px;
  }
}

.seedsDirectorCommentBoxInnerWrap {
  display: block;
  position: relative;
}

.seedsDirectorCommentBoxInnerWrap:after {
  content: "";
  display: block;
  clear: both;
}

@media only screen and (max-width: 486px) {
  .seedsDirectorCommentBoxInnerWrap {
    transition: all 0.3s ease-in-out;
    -webkit-transition: -webkit-transform all 0.3s ease-in-out;
    max-height: 20vw;
    overflow-y: hidden;
  }
}

.seedsDirectorCommentBoxMainText {
  display: block;
  font-weight: 400;
  line-height: 200%;
  width: 80%;
  float: left;
  padding-right: 1em;
}

@media screen and (max-width: 486px) {
  .seedsDirectorCommentBoxMainText {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .seedsDirectorCommentBoxMainText {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsDirectorCommentBoxMainText {
    font-size: 14px;
  }
}

@media only screen and (max-width: 486px) {
  .seedsDirectorCommentBoxMainText {
    width: 100%;
    float: none;
  }
}

.seedsDirectorCommentBoxProfile {
  display: block;
  width: 20%;
  float: right;
  margin-top: -10%;
}

@media only screen and (max-width: 486px) {
  .seedsDirectorCommentBoxProfile {
    float: none;
    margin-top: 5vw;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    align-items: center;
  }
}

.seedsDirectorCommentBoxProfileImg {
  margin: 0px auto;
  display: block;
  width: 80%;
  max-width: 120px;
}

@media only screen and (max-width: 486px) {
  .seedsDirectorCommentBoxProfileImg {
    flex-basis: 20%;
    width: 20%;
    height: auto;
  }
}

.seedsDirectorCommentBoxProfileText {
  display: block;
  margin: 0px auto;
  display: block;
  text-align: center;
}

@media only screen and (max-width: 486px) {
  .seedsDirectorCommentBoxProfileText {
    padding-left: 0.75em;
    text-align: left;
    flex-basis: 80%;
  }
}

.seedsDirectorCommentBoxProfileText small {
  display: block;
  font-weight: 700;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

@media screen and (max-width: 486px) {
  .seedsDirectorCommentBoxProfileText small {
    font-size: 12px;
    font-size: 2.962962963vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .seedsDirectorCommentBoxProfileText small {
    font-size: 12px;
    font-size: 1.5625vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsDirectorCommentBoxProfileText small {
    font-size: 12px;
  }
}

.seedsDirectorCommentBoxProfileText strong {
  display: block;
  font-weight: 700;
  padding-bottom: 1em;
}

@media screen and (max-width: 486px) {
  .seedsDirectorCommentBoxProfileText strong {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .seedsDirectorCommentBoxProfileText strong {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsDirectorCommentBoxProfileText strong {
    font-size: 16px;
  }
}

.seedsDirectorCommentBoxLink {
  margin: 0px auto;
  display: block;
  display: none;
  background: #ffffff;
  font-weight: 700;
  text-align: center;
  padding: 0.5em;
}

@media only screen and (max-width: 486px) {
  .seedsDirectorCommentBoxLink {
    display: block;
  }
}

@media screen and (max-width: 486px) {
  .seedsDirectorCommentBoxLink {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .seedsDirectorCommentBoxLink {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsDirectorCommentBoxLink {
    font-size: 16px;
  }
}

.seedsDirectorCommentBoxLink:after {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
  /* IEサポート */
  font-feature-settings: "liga";
  content: "keyboard_arrow_down";
  padding-left: 0.1em;
}

.seedsList {
  margin: 0px auto;
  display: block;
  max-width: 900px;
  width: 90%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  .seedsList {
    margin-bottom: 0vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsList {
    margin-bottom: 0px;
  }
}

.seedsLine {
  position: relative;
  flex-basis: 31.33%;
  margin-bottom: 6%;
  background: #ffffff;
}

.seedsLine:hover {
  box-shadow: 0px 0px 5px 5px rgba(0, 90, 188, 0.3);
  opacity: 1 !important;
}

.seedsLine:not(:nth-of-type(3n)) {
  margin-right: 3%;
}

@media only screen and (max-width: 1000px) {
  .seedsLine {
    flex-basis: 48.5%;
  }

  .seedsLine:not(:nth-of-type(3n)) {
    margin-right: 0%;
  }

  .seedsLine:not(:nth-of-type(2n)) {
    margin-right: 3%;
  }
}

@media only screen and (max-width: 486px) {
  .seedsLine {
    flex-basis: 100%;
    margin-right: 0 !important;
    margin-bottom: 12%;
  }
}

.seedsLineImgBox {
  display: block;
  width: 100%;
  padding-top: 56.25%;
  position: relative;
  background: linear-gradient(to top, #B2B2B2, #6E6E6E);
}

.seedsLineImgBox img {
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  font-family: "object-fit: cover;";
}

.seedsLineImgBox img:hover {
  opacity: 1 !important;
}

.seedsLineImgBox a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.noimageText {
  color: #ffffff;
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0.05em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 486px) {
  .noimageText {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .noimageText {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media screen and (min-width: 769px) {
  .noimageText {
    font-size: 16px;
  }
}

.seedsLineMajorBox {
  pointer-events: none;
  position: absolute;
  z-index: 5;
  top: 0;
  right: 0;
  font-weight: 500;
  background: #ffffff;
  padding: 0.5em 1em;
  color: #1111CC;
  margin-right: 0;
}

@media screen and (max-width: 486px) {
  .seedsLineMajorBox {
    font-size: 12px;
    font-size: 2.962962963vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .seedsLineMajorBox {
    font-size: 12px;
    font-size: 1.5625vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsLineMajorBox {
    font-size: 12px;
  }
}

.seedsLineTextbox {
  margin: 0px auto;
  display: block;
  padding: 0.5em 1em 1em 1em;
}

@media screen and (max-width: 486px) {
  .seedsLineTextbox {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .seedsLineTextbox {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsLineTextbox {
    font-size: 14px;
  }
}

.seedsLineTitle {
  display: block;
  font-weight: 700;
  line-height: 135%;
  padding: 0.03em;
  padding: 0.5em 0;
  color: #1111CC;
}

@media screen and (max-width: 486px) {
  .seedsLineTitle {
    font-size: 20px;
    font-size: 4.9382716049vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .seedsLineTitle {
    font-size: 20px;
    font-size: 2.6041666667vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsLineTitle {
    font-size: 20px;
  }
}

.seedsLineName {
  display: block;
  font-weight: 600;
  line-height: 1.4;
}

@media screen and (max-width: 486px) {
  .seedsLineName {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .seedsLineName {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsLineName {
    font-size: 16px;
  }
}

.seedsLineMajor {
  display: inline-block;
  background-color: #1111CC;
  color: #ffffff;
  padding: 0.25em 0.5em;
  margin-right: 0.5em;
}

.seedsLineCatBox {
  display: block;
  margin-top: 1em;
  margin-bottom: 0.5em;
}

.seedsLineCatText {
  display: inline-block;
  font-weight: 500;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
  border: 1px solid #1111CC;
  text-align: right;
  color: #1111CC;
  background: #ffffff;
  padding: 0.5em 1em;
}

@media screen and (max-width: 486px) {
  .seedsLineCatText {
    font-size: 12px;
    font-size: 2.962962963vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .seedsLineCatText {
    font-size: 12px;
    font-size: 1.5625vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsLineCatText {
    font-size: 12px;
  }
}

.seedsLineCatText .seedsLineCatLink {
  display: block;
  width: 100%;
}

.seedsLineMainText {
  display: block;
  padding-top: 0.75em;
  padding-bottom: 0.75em;
  margin-bottom: 0.5em;
  line-height: 180%;
  border-top: 1px solid #6E6E6E;
  word-break: break-all;
}

@media screen and (max-width: 486px) {
  .seedsLineMainText {
    font-size: 12px;
    font-size: 2.962962963vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .seedsLineMainText {
    font-size: 12px;
    font-size: 1.5625vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsLineMainText {
    font-size: 12px;
  }
}

.seedsLineTagList {
  display: block;
  margin-bottom: 2.5em;
}

@media screen and (max-width: 486px) {
  .seedsLineTagList {
    font-size: 10px;
    font-size: 2.4691358025vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .seedsLineTagList {
    font-size: 10px;
    font-size: 1.3020833333vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsLineTagList {
    font-size: 10px;
  }
}

.seedsLineTagLine {
  display: inline-block;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
}

.seedsLineTagLine a {
  display: block;
  width: 100%;
  text-align: right;
  background-color: #D8E0ED;
  color: #2F2F2F;
  padding: 0.5em 1em;
}

.seedsLineLinkBox {
  width: 100%;
  display: block;
  text-align: right;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #2B83CC;
  padding: 0.5em;
  text-align: right;
}

.seedsLineLink {
  display: inline-block;
  font-weight: 700;
  color: #ffffff;
  position: relative;
  padding-right: 1em;
}

@media screen and (max-width: 486px) {
  .seedsLineLink {
    font-size: 12px;
    font-size: 2.962962963vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .seedsLineLink {
    font-size: 12px;
    font-size: 1.5625vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsLineLink {
    font-size: 12px;
  }
}

.seedsLineLink:after {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
  /* IEサポート */
  font-feature-settings: "liga";
  content: "keyboard_arrow_right";
  position: absolute;
  display: block;
  right: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.seedsDetailNameBox {
  margin: 0px auto;
  display: block;
  margin: 0px auto;
  display: block;
  max-width: 900px;
  width: 90%;
  padding: 0.75em 0;
  font-weight: 700;
  color: #1111CC;
  border-bottom: 2px solid #ffffff;
}

@media screen and (max-width: 768px) {
  .seedsDetailNameBox {
    margin-bottom: 2.5vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsDetailNameBox {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 486px) {
  .seedsDetailNameBox {
    font-size: 18px;
    font-size: 4.4444444444vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .seedsDetailNameBox {
    font-size: 18px;
    font-size: 2.34375vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsDetailNameBox {
    font-size: 18px;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .seedsDetailNameBox {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .seedsDetailNameBox {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .seedsDetailNameBox {
    font-size: 16px;
  }
}

.seedsDetailNameBox a {
  color: #1111CC;
}

@media only screen and (max-width: 486px) {
  .seedsDetailName {
    display: block;
    margin-bottom: 0.75em;
  }
}

.seedsDetailNameBoxDegree {
  display: inline-block;
  padding: 0.5em 0.75em;
  margin-right: 0.5em;
  background: #ffffff;
  color: #1111CC;
}

@media screen and (max-width: 486px) {
  .seedsDetailNameBoxDegree {
    font-size: 12px;
    font-size: 2.962962963vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .seedsDetailNameBoxDegree {
    font-size: 12px;
    font-size: 1.5625vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsDetailNameBoxDegree {
    font-size: 12px;
  }
}

.seedsDetailNameBoxDegree a {
  color: #1111CC;
}

.seedsDetailMainBox {
  margin: 0px auto;
  display: block;
  margin: 0px auto;
  display: block;
  max-width: 900px;
  width: 90%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.seedsDetailMainBoxVideoBox {
  flex-basis: 55%;
  display: block;
}

@media only screen and (max-width: 768px) {
  .seedsDetailMainBoxVideoBox {
    flex-basis: 100%;
  }
}

.seedsDetailMainBoxVideoBoxInner {
  margin: 0px auto;
  display: block;
  width: 100%;
  position: relative;
  padding-top: 56.25%;
}

.seedsDetailMainBoxVideoBoxInner iframe {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.seedsDetailMainBoxVideoBoxInner.novideo {
  background: linear-gradient(to bottom, #B2B2B2, #585858);
  color: #ffffff;
}

.seedsDetailMainBoxVideoBoxInner.novideo strong {
  display: block;
  position: absolute;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 400;
  letter-spacing: 0.02em;
}

@media screen and (max-width: 486px) {
  .seedsDetailMainBoxVideoBoxInner.novideo strong {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .seedsDetailMainBoxVideoBoxInner.novideo strong {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsDetailMainBoxVideoBoxInner.novideo strong {
    font-size: 14px;
  }
}

.seedsDetailMainBoxTextBox {
  flex-basis: 40%;
}

@media only screen and (max-width: 768px) {
  .seedsDetailMainBoxTextBox {
    flex-basis: 100%;
  }
}

.seedsDetailMainBoxTextBoxPdfLinkBox {
  display: block;
  padding: 1.5em;
  background: #ffffff;
}

.seedsDetailMainBoxTextBoxPdfLinkBox strong {
  margin: 0px auto;
  display: block;
  text-align: center;
  font-weight: 700;
  padding-left: 1em;
  color: #1111CC;
}

@media screen and (max-width: 486px) {
  .seedsDetailMainBoxTextBoxPdfLinkBox strong {
    font-size: 18px;
    font-size: 4.4444444444vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .seedsDetailMainBoxTextBoxPdfLinkBox strong {
    font-size: 18px;
    font-size: 2.34375vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsDetailMainBoxTextBoxPdfLinkBox strong {
    font-size: 18px;
  }
}

.seedsDetailMainBoxTextBoxPdfLinkBox a {
  transition: all 0.3s ease-in-out;
  -webkit-transition: -webkit-transform all 0.3s ease-in-out;
  margin: 0px auto;
  display: block;
  max-width: 350px;
  margin-top: 1em;
  color: #ffffff;
  background: linear-gradient(to bottom, #2B83CC, #1111CC);
  color: #ffffff;
  text-align: center;
  padding: 1em;
  border-radius: 1000px;
  position: relative;
}

.seedsDetailMainBoxTextBoxPdfLinkBox a:hover {
  opacity: 1 !important;
}

@media screen and (max-width: 486px) {
  .seedsDetailMainBoxTextBoxPdfLinkBox a {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .seedsDetailMainBoxTextBoxPdfLinkBox a {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsDetailMainBoxTextBoxPdfLinkBox a {
    font-size: 16px;
  }
}

.seedsDetailMainBoxTextBoxPdfLinkBox a:before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
  /* IEサポート */
  font-feature-settings: "liga";
  content: "picture_as_pdf";
  display: inline-block;
  margin-right: 0.2em;
}

.seedsDetailMainBoxTextBoxPdfLinkBox a:after {
  transition: all 0.3s ease-in-out;
  -webkit-transition: -webkit-transform all 0.3s ease-in-out;
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
  /* IEサポート */
  font-feature-settings: "liga";
  content: "save_alt";
  position: absolute;
  right: 1em;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.seedsDetailMainBoxTextBoxPdfLinkBox a:hover {
  background: #2B83CC;
}

.seedsDetailMainBoxTextBoxPdfLinkBox a:hover:after {
  right: 0.5em;
}

.seedsDetailMainBoxTextBoxMainText {
  margin: 0px auto;
  display: block;
  margin-top: 1.5em;
  margin-bottom: 2em;
  line-height: 180%;
  letter-spacing: 0.01em;
}

@media screen and (max-width: 486px) {
  .seedsDetailMainBoxTextBoxMainText {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .seedsDetailMainBoxTextBoxMainText {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsDetailMainBoxTextBoxMainText {
    font-size: 14px;
  }
}

.seedsDetailMainBoxTextBoxMainText strong {
  font-weight: 700;
}

.seedsDetailMainBoxTextBoxTagList {
  margin: 0px auto;
  display: block;
  margin-top: 1em;
}

.seedsDetailMainBoxTextBoxTagLine {
  display: inline-block;
  margin-right: 0.25em;
  margin-bottom: 0.5em;
  height: auto;
}

.seedsDetailMainBoxTextBoxTagLine a {
  display: inline-block;
  font-weight: 700;
  color: #1111CC;
  border: 1px solid #1111CC;
  padding: 0.7em 1em;
}

@media screen and (max-width: 486px) {
  .seedsDetailMainBoxTextBoxTagLine a {
    font-size: 10px;
    font-size: 2.4691358025vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .seedsDetailMainBoxTextBoxTagLine a {
    font-size: 10px;
    font-size: 1.3020833333vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsDetailMainBoxTextBoxTagLine a {
    font-size: 10px;
  }
}

.seedsDetailSubBox {
  margin: 0px auto;
  display: block;
  margin: 0px auto;
  display: block;
  max-width: 900px;
  width: 90%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

@media screen and (max-width: 768px) {
  .seedsDetailSubBox {
    margin-top: 5vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsDetailSubBox {
    margin-top: 40px;
  }
}

.seedsDetailSubBoxFlowBox {
  flex-basis: 48%;
  border-top: 2px solid #ffffff;
}

@media screen and (max-width: 768px) {
  .seedsDetailSubBoxFlowBox {
    margin-bottom: 5vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsDetailSubBoxFlowBox {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 768px) {
  .seedsDetailSubBoxFlowBox {
    flex-basis: 100%;
  }
}

.seedsDetailSubBoxHeadline {
  margin: 0px auto;
  display: block;
  padding-left: 1.5em;
  margin-top: 1em;
  font-weight: 700;
  color: #1111CC;
  position: relative;
}

@media screen and (max-width: 486px) {
  .seedsDetailSubBoxHeadline {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .seedsDetailSubBoxHeadline {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsDetailSubBoxHeadline {
    font-size: 16px;
  }
}

.seedsDetailSubBoxHeadline:before {
  content: url("common/img/iconHexaBlue.svg");
  width: 15px;
  height: auto;
  display: block;
  position: absolute;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.seedsDetailSubBoxImg {
  margin: 0px auto;
  display: block;
  width: 95%;
  max-width: 400px;
}

@media screen and (max-width: 768px) {
  .seedsDetailSubBoxImg {
    margin-top: 2.5vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsDetailSubBoxImg {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .seedsDetailSubBoxImg {
    width: 100%;
  }
}

@media only screen and (max-width: 768px) and (max-width: 768px) {
  .seedsDetailSubBoxImg {
    margin-top: 5vw;
  }
}

@media only screen and (max-width: 768px) and (min-width: 769px) {
  .seedsDetailSubBoxImg {
    margin-top: 40px;
  }
}

.attentionText {
  margin: 0px auto;
  display: block;
  width: 90%;
  max-width: 400px;
  margin-top: 1em;
  letter-spacing: 0.02em;
  line-height: 150%;
}

@media screen and (max-width: 486px) {
  .attentionText {
    font-size: 10px;
    font-size: 2.4691358025vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .attentionText {
    font-size: 10px;
    font-size: 1.3020833333vw;
  }
}

@media screen and (min-width: 769px) {
  .attentionText {
    font-size: 10px;
  }
}

.seedsDetailBtnArea {
  margin: 0px auto;
  display: block;
  width: 100%;
  background: #e8eef3;
}

@media screen and (max-width: 768px) {
  .seedsDetailBtnArea {
    margin-top: 2.5vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsDetailBtnArea {
    margin-top: 20px;
  }
}

@media screen and (max-width: 768px) {
  .seedsDetailBtnArea {
    padding-top: 5vw;
    padding-bottom: 5vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsDetailBtnArea {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media only screen and (max-width: 768px) and (max-width: 768px) {
  .seedsDetailBtnArea {
    padding-top: 10vw;
    padding-bottom: 10vw;
  }
}

@media only screen and (max-width: 768px) and (min-width: 769px) {
  .seedsDetailBtnArea {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.seedsDetailBtnAreaHeadline {
  margin: 0px auto;
  display: block;
  font-weight: 700;
  color: #1111CC;
  padding-bottom: 1em;
  text-align: center;
}

@media screen and (max-width: 486px) {
  .seedsDetailBtnAreaHeadline {
    font-size: 22px;
    font-size: 5.4320987654vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .seedsDetailBtnAreaHeadline {
    font-size: 22px;
    font-size: 2.8645833333vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsDetailBtnAreaHeadline {
    font-size: 22px;
  }
}

@media only screen and (max-width: 768px) and (max-width: 486px) {
  .seedsDetailBtnAreaHeadline {
    font-size: 18px;
    font-size: 4.4444444444vw;
  }
}

@media only screen and (max-width: 768px) and (min-width: 487px) and (max-width: 768px) {
  .seedsDetailBtnAreaHeadline {
    font-size: 18px;
    font-size: 2.34375vw;
  }
}

@media only screen and (max-width: 768px) and (min-width: 769px) {
  .seedsDetailBtnAreaHeadline {
    font-size: 18px;
  }
}

.seedsDetailContactBtn {
  transition: all 0.3s ease-in-out;
  -webkit-transition: -webkit-transform all 0.3s ease-in-out;
  margin: 0px auto;
  display: block;
  width: 90vw;
  max-width: 670px;
  padding: 1.5em;
  position: relative;
  background: url("common/img/illust01.png") #1111CC;
  background-size: 20%;
  background-repeat: no-repeat;
  background-position: 10px center;
}

@media screen and (max-width: 486px) {
  .seedsDetailContactBtn {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .seedsDetailContactBtn {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsDetailContactBtn {
    font-size: 14px;
  }
}

@media only screen and (max-width: 768px) {
  .seedsDetailContactBtn {
    padding: 2.5em 1.5em;
  }
}

.seedsDetailContactBtn:hover {
  background: url("common/img/illust01.png") #2B83CC;
  background-size: 25%;
  background-repeat: no-repeat;
  background-position: -10px center;
}

.seedsDetailContactBtn:after {
  transition: all 0.3s ease-in-out;
  -webkit-transition: -webkit-transform all 0.3s ease-in-out;
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
  /* IEサポート */
  font-feature-settings: "liga";
  content: "keyboard_arrow_right";
  color: #ffffff;
  position: absolute;
  right: 0.5em;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

@media screen and (max-width: 486px) {
  .seedsDetailContactBtn:after {
    font-size: 24px;
    font-size: 5.9259259259vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .seedsDetailContactBtn:after {
    font-size: 24px;
    font-size: 3.125vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsDetailContactBtn:after {
    font-size: 24px;
  }
}

@media only screen and (max-width: 768px) and (max-width: 486px) {
  .seedsDetailContactBtn:after {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media only screen and (max-width: 768px) and (min-width: 487px) and (max-width: 768px) {
  .seedsDetailContactBtn:after {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media only screen and (max-width: 768px) and (min-width: 769px) {
  .seedsDetailContactBtn:after {
    font-size: 14px;
  }
}

.seedsDetailContactBtn:hover:after {
  right: 0.25em;
}

.seedsDetailContactBtnHeadline {
  position: relative;
  margin: 0px auto;
  display: block;
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: #ffffff;
}

@media screen and (max-width: 486px) {
  .seedsDetailContactBtnHeadline {
    font-size: 24px;
    font-size: 5.9259259259vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .seedsDetailContactBtnHeadline {
    font-size: 24px;
    font-size: 3.125vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsDetailContactBtnHeadline {
    font-size: 24px;
  }
}

@media only screen and (max-width: 768px) and (max-width: 486px) {
  .seedsDetailContactBtnHeadline {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media only screen and (max-width: 768px) and (min-width: 487px) and (max-width: 768px) {
  .seedsDetailContactBtnHeadline {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media only screen and (max-width: 768px) and (min-width: 769px) {
  .seedsDetailContactBtnHeadline {
    font-size: 14px;
  }
}

@media screen and (max-width: 486px) {
  .seedsDetailContactBtnHeadline span {
    font-size: 30px;
    font-size: 7.4074074074vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .seedsDetailContactBtnHeadline span {
    font-size: 30px;
    font-size: 3.90625vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsDetailContactBtnHeadline span {
    font-size: 30px;
  }
}

@media only screen and (max-width: 768px) and (max-width: 486px) {
  .seedsDetailContactBtnHeadline span {
    font-size: 18px;
    font-size: 4.4444444444vw;
  }
}

@media only screen and (max-width: 768px) and (min-width: 487px) and (max-width: 768px) {
  .seedsDetailContactBtnHeadline span {
    font-size: 18px;
    font-size: 2.34375vw;
  }
}

@media only screen and (max-width: 768px) and (min-width: 769px) {
  .seedsDetailContactBtnHeadline span {
    font-size: 18px;
  }
}

.seedsDetailContactBtnHeadline:after {
  content: "";
  display: block;
  margin: 0.5em auto;
  width: 60px;
  height: 1px;
  border-top: 1px solid #2B83CC;
}

.seedsDetailContactBtnSmall {
  margin: 0px auto;
  display: block;
  text-align: center;
  letter-spacing: 0.02em;
  color: #ffffff;
}

@media screen and (max-width: 486px) {
  .seedsDetailContactBtnSmall {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .seedsDetailContactBtnSmall {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsDetailContactBtnSmall {
    font-size: 14px;
  }
}

@media only screen and (max-width: 768px) and (max-width: 486px) {
  .seedsDetailContactBtnSmall {
    font-size: 10px;
    font-size: 2.4691358025vw;
  }
}

@media only screen and (max-width: 768px) and (min-width: 487px) and (max-width: 768px) {
  .seedsDetailContactBtnSmall {
    font-size: 10px;
    font-size: 1.3020833333vw;
  }
}

@media only screen and (max-width: 768px) and (min-width: 769px) {
  .seedsDetailContactBtnSmall {
    font-size: 10px;
  }
}

.seedsDetailSeedsListHeadline {
  margin: 0px auto;
  display: block;
  margin: 0px auto;
  display: block;
  max-width: 900px;
  width: 90%;
  font-weight: 700;
  color: #1111CC;
  padding-left: 1.2em;
  line-height: 100%;
  position: relative;
}

@media screen and (max-width: 768px) {
  .seedsDetailSeedsListHeadline {
    margin-top: 5vw;
    margin-bottom: 5vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsDetailSeedsListHeadline {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 486px) {
  .seedsDetailSeedsListHeadline {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .seedsDetailSeedsListHeadline {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsDetailSeedsListHeadline {
    font-size: 16px;
  }
}

.seedsDetailSeedsListHeadline:before {
  content: url("common/img/iconHexaBlue.svg");
  position: absolute;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1em;
}

.pageBackBtnWrap {
  margin: 0px auto;
  display: block;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .pageBackBtnWrap {
    margin-top: 5vw;
  }
}

@media screen and (min-width: 769px) {
  .pageBackBtnWrap {
    margin-top: 40px;
  }
}

@media screen and (max-width: 768px) {
  .pageBackBtnWrap {
    margin-bottom: 10vw;
  }
}

@media screen and (min-width: 769px) {
  .pageBackBtnWrap {
    margin-bottom: 80px;
  }
}

.pageBackBtn {
  display: inline-block;
  width: auto;
  font-weight: 700;
  padding: 1em 0 1em 1.2em;
  letter-spacing: 0.02em;
  color: #2F2F2F;
  border-bottom: 2px solid #ffffff;
  position: relative;
}

@media screen and (max-width: 486px) {
  .pageBackBtn {
    font-size: 18px;
    font-size: 4.4444444444vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .pageBackBtn {
    font-size: 18px;
    font-size: 2.34375vw;
  }
}

@media screen and (min-width: 769px) {
  .pageBackBtn {
    font-size: 18px;
  }
}

@media only screen and (max-width: 768px) and (max-width: 486px) {
  .pageBackBtn {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media only screen and (max-width: 768px) and (min-width: 487px) and (max-width: 768px) {
  .pageBackBtn {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media only screen and (max-width: 768px) and (min-width: 769px) {
  .pageBackBtn {
    font-size: 14px;
  }
}

.pageBackBtn:before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
  /* IEサポート */
  font-feature-settings: "liga";
  content: "keyboard_arrow_left";
  position: absolute;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.pageBackBtn.arrowUp:before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
  /* IEサポート */
  font-feature-settings: "liga";
  content: "keyboard_arrow_up";
  position: absolute;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.welcomeWrap {
  margin: 0px auto;
  display: block;
}

@media screen and (max-width: 768px) {
  .welcomeWrap {
    padding-top: 15vw;
  }
}

@media screen and (min-width: 769px) {
  .welcomeWrap {
    padding-top: 120px;
  }
}

.welcomeWrapTextBox {
  display: block;
  margin: 0px auto;
  display: block;
  max-width: 900px;
  width: 90%;
  position: relative;
}

@media only screen and (max-width: 768px) {
  .welcomeWrapTextBox {
    width: 100vw !important;
    max-width: 100% !important;
  }
}

.welcomeWrapTextBoxInner {
  display: block;
  width: 60%;
  padding-right: 1em;
  position: relative;
  z-index: 3;
}

@media only screen and (max-width: 768px) {
  .welcomeWrapTextBoxInner {
    margin-left: 5vw;
    width: 100%;
  }
}

.welcomeWrapHeadline {
  display: block;
  width: 7em;
  max-width: 100%;
}

@media screen and (max-width: 486px) {
  .welcomeWrapHeadline {
    font-size: 100px;
    font-size: 24.6913580247vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .welcomeWrapHeadline {
    font-size: 100px;
    font-size: 13.0208333333vw;
  }
}

@media screen and (min-width: 769px) {
  .welcomeWrapHeadline {
    font-size: 100px;
  }
}

.welcomeWrapHeadline img {
  margin: 0px auto;
  display: block;
}

@media only screen and (max-width: 768px) {
  .welcomeWrapHeadline img {
    margin: 0px;
    width: 50%;
  }
}

.welcomeWrapHeadline strong {
  display: block;
  font-weight: 700;
  color: #1111CC;
  padding-top: 0.5em;
  line-height: 135%;
}

@media screen and (max-width: 486px) {
  .welcomeWrapHeadline strong {
    font-size: 24px;
    font-size: 5.9259259259vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .welcomeWrapHeadline strong {
    font-size: 24px;
    font-size: 3.125vw;
  }
}

@media screen and (min-width: 769px) {
  .welcomeWrapHeadline strong {
    font-size: 24px;
  }
}

@media only screen and (max-width: 768px) and (max-width: 486px) {
  .welcomeWrapHeadline strong {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media only screen and (max-width: 768px) and (min-width: 487px) and (max-width: 768px) {
  .welcomeWrapHeadline strong {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media only screen and (max-width: 768px) and (min-width: 769px) {
  .welcomeWrapHeadline strong {
    font-size: 16px;
  }
}

@media only screen and (max-width: 768px) {
  .welcomeWrapHeadline {
    width: 100%;
  }
}

.welcomeWrapMainText {
  display: block;
  max-width: 500px;
  font-weight: 400;
  line-height: 180%;
  padding: 1.5em 0;
}

@media screen and (max-width: 486px) {
  .welcomeWrapMainText {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .welcomeWrapMainText {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media screen and (min-width: 769px) {
  .welcomeWrapMainText {
    font-size: 14px;
  }
}

@media only screen and (max-width: 768px) {
  .welcomeWrapMainText {
    width: 50%;
    line-height: 200%;
  }
}

@media only screen and (max-width: 768px) and (max-width: 486px) {
  .welcomeWrapMainText {
    font-size: 12px;
    font-size: 2.962962963vw;
  }
}

@media only screen and (max-width: 768px) and (min-width: 487px) and (max-width: 768px) {
  .welcomeWrapMainText {
    font-size: 12px;
    font-size: 1.5625vw;
  }
}

@media only screen and (max-width: 768px) and (min-width: 769px) {
  .welcomeWrapMainText {
    font-size: 12px;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .welcomeWrapMainText {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .welcomeWrapMainText {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .welcomeWrapMainText {
    font-size: 14px;
  }
}

.welcomeWrapMainTextInfoList {
  display: block;
}

@media only screen and (max-width: 768px) {
  .welcomeWrapMainTextInfoList {
    margin-top: 1em;
  }
}

.welcomeWrapMainTextInfoLine {
  display: block;
  margin-bottom: 1.25em;
  font-weight: 700;
}

@media screen and (max-width: 486px) {
  .welcomeWrapMainTextInfoLine {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .welcomeWrapMainTextInfoLine {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media screen and (min-width: 769px) {
  .welcomeWrapMainTextInfoLine {
    font-size: 14px;
  }
}

@media only screen and (max-width: 768px) {
  .welcomeWrapMainTextInfoLine {
    margin-bottom: 0.75em;
  }
}

@media only screen and (max-width: 768px) and (max-width: 486px) {
  .welcomeWrapMainTextInfoLine {
    font-size: 12px;
    font-size: 2.962962963vw;
  }
}

@media only screen and (max-width: 768px) and (min-width: 487px) and (max-width: 768px) {
  .welcomeWrapMainTextInfoLine {
    font-size: 12px;
    font-size: 1.5625vw;
  }
}

@media only screen and (max-width: 768px) and (min-width: 769px) {
  .welcomeWrapMainTextInfoLine {
    font-size: 12px;
  }
}

.welcomeWrapMainTextInfoLineHeadline {
  display: inline-block;
  width: 6em;
  background-color: #1111CC;
  color: #ffffff;
  padding: 0.5em 0;
  margin-right: 0.5em;
  text-align: center;
}

.welcomeWrapImg {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 40%;
  max-width: 300px;
  object-fit: contain;
  font-family: "object-fit: contain;";
}

.aboutPresidentCommnetBox {
  margin: 0px auto;
  display: block;
  margin: 0px auto;
  display: block;
  max-width: 900px;
  width: 90%;
  background: #ffffff;
  position: relative;
}

@media screen and (max-width: 768px) {
  .aboutPresidentCommnetBox {
    margin-top: 5vw;
  }
}

@media screen and (min-width: 769px) {
  .aboutPresidentCommnetBox {
    margin-top: 40px;
  }
}

@media screen and (max-width: 768px) {
  .aboutPresidentCommnetBox {
    margin-bottom: 10vw;
  }
}

@media screen and (min-width: 769px) {
  .aboutPresidentCommnetBox {
    margin-bottom: 80px;
  }
}

@media screen and (max-width: 486px) {
  .aboutPresidentCommnetBox {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .aboutPresidentCommnetBox {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media screen and (min-width: 769px) {
  .aboutPresidentCommnetBox {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  .aboutPresidentCommnetBox {
    padding-left: 5vw;
    padding-right: 5vw;
  }
}

@media screen and (min-width: 769px) {
  .aboutPresidentCommnetBox {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (max-width: 768px) {
  .aboutPresidentCommnetBox {
    padding-bottom: 5vw;
  }
}

@media screen and (min-width: 769px) {
  .aboutPresidentCommnetBox {
    padding-bottom: 40px;
  }
}

.aboutPresidentCommnetBox.nomg {
  margin-top: 0;
}

.aboutPresidentCommnetBoxHeadline {
  display: block;
  font-weight: 700;
  color: #1111CC;
  transform: translateY(-50%);
  margin-bottom: 1em;
}

@media screen and (max-width: 486px) {
  .aboutPresidentCommnetBoxHeadline {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .aboutPresidentCommnetBoxHeadline {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media screen and (min-width: 769px) {
  .aboutPresidentCommnetBoxHeadline {
    font-size: 16px;
  }
}

.aboutPresidentCommnetTitle {
  display: block;
  width: 70%;
  max-width: 650px;
  padding: 1em 0;
  font-weight: 700;
  color: #1111CC;
  line-height: 135%;
}

@media screen and (max-width: 486px) {
  .aboutPresidentCommnetTitle {
    font-size: 24px;
    font-size: 5.9259259259vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .aboutPresidentCommnetTitle {
    font-size: 24px;
    font-size: 3.125vw;
  }
}

@media screen and (min-width: 769px) {
  .aboutPresidentCommnetTitle {
    font-size: 24px;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .aboutPresidentCommnetTitle {
    font-size: 20px;
    font-size: 4.9382716049vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .aboutPresidentCommnetTitle {
    font-size: 20px;
    font-size: 2.6041666667vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .aboutPresidentCommnetTitle {
    font-size: 20px;
  }
}

.aboutPresidentCommnetMainText {
  display: block;
  width: 80%;
  max-width: 650px;
  line-height: 200%;
}

@media screen and (max-width: 486px) {
  .aboutPresidentCommnetMainText {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .aboutPresidentCommnetMainText {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media screen and (min-width: 769px) {
  .aboutPresidentCommnetMainText {
    font-size: 16px;
  }
}

.aboutPresidentCommnetMainText p {
  display: block;
  margin-bottom: 1.5em;
}

@media only screen and (max-width: 486px) {
  .aboutPresidentCommnetMainText {
    width: 100%;
  }
}

.aboutPresidentProfileBox {
  display: block;
  position: absolute;
  top: -5%;
  right: 10px;
  width: 18%;
}

@media only screen and (max-width: 486px) {
  .aboutPresidentProfileBox {
    top: -2%;
  }
}

.aboutPresidentProfileBox img {
  margin: 0px auto;
  display: block;
  width: 100%;
  max-width: 120px;
}

.aboutPresidentProfileText {
  margin: 0px auto;
  display: block;
  text-align: center;
  color: #1111CC;
}

.aboutPresidentProfileText small {
  margin: 0px auto;
  display: block;
  font-weight: 500;
  padding-bottom: 0.4em;
}

@media screen and (max-width: 486px) {
  .aboutPresidentProfileText small {
    font-size: 12px;
    font-size: 2.962962963vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .aboutPresidentProfileText small {
    font-size: 12px;
    font-size: 1.5625vw;
  }
}

@media screen and (min-width: 769px) {
  .aboutPresidentProfileText small {
    font-size: 12px;
  }
}

.aboutPresidentProfileText strong {
  margin: 0px auto;
  display: block;
  font-weight: 700;
}

@media screen and (max-width: 486px) {
  .aboutPresidentProfileText strong {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .aboutPresidentProfileText strong {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media screen and (min-width: 769px) {
  .aboutPresidentProfileText strong {
    font-size: 14px;
  }
}

.aboutProgramWrap {
  margin: 0px auto;
  display: block;
}

@media screen and (max-width: 768px) {
  .aboutProgramHeadline.confirm {
    margin-top: 10vw;
  }
}

@media screen and (min-width: 769px) {
  .aboutProgramHeadline.confirm {
    margin-top: 80px;
  }
}

@media screen and (max-width: 768px) {
  .aboutProgramHeadline.confirm {
    margin-bottom: 7.5vw;
  }
}

@media screen and (min-width: 769px) {
  .aboutProgramHeadline.confirm {
    margin-bottom: 60px;
  }
}

.aboutProgramHeadline span {
  margin: 0px auto;
  display: block;
  text-align: center;
  padding-top: 0.75em;
  color: #1111CC;
  font-weight: 700;
}

@media screen and (max-width: 486px) {
  .aboutProgramHeadline span {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .aboutProgramHeadline span {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media screen and (min-width: 769px) {
  .aboutProgramHeadline span {
    font-size: 14px;
  }
}

.aboutProgramHeadlineImgBox {
  margin: 0px auto;
  display: block;
  position: relative;
}

.aboutProgramHeadlineImgBox:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  border-top: 1px solid #557B8E;
  position: absolute;
  z-index: 2;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.aboutProgramHeadlineImgBox strong {
  margin: 0px auto;
  display: block;
  position: relative;
  z-index: 3;
  width: 5em;
  padding: 0 0.25em;
  max-width: 50vw;
  background-color: #D8E0ED;
}

@media screen and (max-width: 486px) {
  .aboutProgramHeadlineImgBox strong {
    font-size: 72px;
    font-size: 17.7777777778vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .aboutProgramHeadlineImgBox strong {
    font-size: 72px;
    font-size: 9.375vw;
  }
}

@media screen and (min-width: 769px) {
  .aboutProgramHeadlineImgBox strong {
    font-size: 72px;
  }
}

.aboutProgramHeadlineImgBox strong img {
  display: block;
  margin: 0px auto;
  width: 100%;
}

.aboutProgramAttentionBox {
  margin: 0px auto;
  display: block;
  margin: 0px auto;
  display: block;
  max-width: 900px;
  width: 90%;
  background-color: #1111CC;
  height: auto;
  position: relative;
}

@media screen and (max-width: 768px) {
  .aboutProgramAttentionBox {
    margin-top: 7.5vw;
  }
}

@media screen and (min-width: 769px) {
  .aboutProgramAttentionBox {
    margin-top: 60px;
  }
}

@media screen and (max-width: 768px) {
  .aboutProgramAttentionBox {
    margin-bottom: 10vw;
  }
}

@media screen and (min-width: 769px) {
  .aboutProgramAttentionBox {
    margin-bottom: 80px;
  }
}

@media screen and (max-width: 486px) {
  .aboutProgramAttentionBox {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .aboutProgramAttentionBox {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media screen and (min-width: 769px) {
  .aboutProgramAttentionBox {
    font-size: 14px;
  }
}

.aboutProgramAttentionBox:before {
  content: "";
  display: block;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  border: 1px solid #ffffff;
  position: absolute;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.aboutProgramAttentionText {
  margin: 0px auto;
  display: block;
  max-width: 60%;
  width: 80vw;
  color: #ffffff;
  font-weight: 400;
  line-height: 150%;
  padding: 1em 0;
}

@media screen and (max-width: 486px) {
  .aboutProgramAttentionText {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .aboutProgramAttentionText {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media screen and (min-width: 769px) {
  .aboutProgramAttentionText {
    font-size: 16px;
  }
}

@media only screen and (max-width: 486px) {
  .aboutProgramAttentionText {
    width: 90%;
    max-width: 100% !important;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .aboutProgramAttentionText {
    font-size: 12px;
    font-size: 2.962962963vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .aboutProgramAttentionText {
    font-size: 12px;
    font-size: 1.5625vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .aboutProgramAttentionText {
    font-size: 12px;
  }
}

.aboutProgramInnerBox {
  margin: 0px auto;
  display: block;
  margin: 0px auto;
  display: block;
  max-width: 900px;
  width: 90%;
  position: relative;
  background: #ffffff;
}

@media screen and (max-width: 768px) {
  .aboutProgramInnerBox {
    padding-left: 5vw;
    padding-right: 5vw;
  }
}

@media screen and (min-width: 769px) {
  .aboutProgramInnerBox {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (max-width: 768px) {
  .aboutProgramInnerBox {
    padding-bottom: 5vw;
  }
}

@media screen and (min-width: 769px) {
  .aboutProgramInnerBox {
    padding-bottom: 40px;
  }
}

@media screen and (max-width: 768px) {
  .aboutProgramInnerBox {
    margin-top: 5vw;
  }
}

@media screen and (min-width: 769px) {
  .aboutProgramInnerBox {
    margin-top: 40px;
  }
}

@media screen and (max-width: 768px) {
  .aboutProgramInnerBox {
    margin-bottom: 10vw;
  }
}

@media screen and (min-width: 769px) {
  .aboutProgramInnerBox {
    margin-bottom: 80px;
  }
}

.aboutProgramInnerBoxHeadline {
  display: block;
  transform: translateY(-30%);
  width: 10em;
}

.aboutProgramInnerBoxHeadlineImg {
  display: block;
}

@media screen and (max-width: 486px) {
  .aboutProgramInnerBoxHeadlineImg {
    font-size: 42px;
    font-size: 10.3703703704vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .aboutProgramInnerBoxHeadlineImg {
    font-size: 42px;
    font-size: 5.46875vw;
  }
}

@media screen and (min-width: 769px) {
  .aboutProgramInnerBoxHeadlineImg {
    font-size: 42px;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .aboutProgramInnerBoxHeadlineImg {
    font-size: 24px;
    font-size: 5.9259259259vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .aboutProgramInnerBoxHeadlineImg {
    font-size: 24px;
    font-size: 3.125vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .aboutProgramInnerBoxHeadlineImg {
    font-size: 24px;
  }
}

.aboutProgramInnerBoxHeadlineText {
  display: block;
  font-weight: 700;
  color: #1111CC;
  letter-spacing: 0.02em;
  padding-top: 0.5em;
}

@media screen and (max-width: 486px) {
  .aboutProgramInnerBoxHeadlineText {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .aboutProgramInnerBoxHeadlineText {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media screen and (min-width: 769px) {
  .aboutProgramInnerBoxHeadlineText {
    font-size: 16px;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .aboutProgramInnerBoxHeadlineText {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .aboutProgramInnerBoxHeadlineText {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .aboutProgramInnerBoxHeadlineText {
    font-size: 14px;
  }
}

.aboutProgramLectureTitle {
  display: block;
  font-weight: 700;
  color: #1111CC;
  line-height: 135%;
  letter-spacing: 0.03em;
  max-width: 550px;
  width: 70%;
  padding-bottom: 0.75em;
}

@media screen and (max-width: 486px) {
  .aboutProgramLectureTitle {
    font-size: 24px;
    font-size: 5.9259259259vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .aboutProgramLectureTitle {
    font-size: 24px;
    font-size: 3.125vw;
  }
}

@media screen and (min-width: 769px) {
  .aboutProgramLectureTitle {
    font-size: 24px;
  }
}

@media only screen and (max-width: 486px) {
  .aboutProgramLectureTitle {
    max-width: 100%;
    width: 100%;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .aboutProgramLectureTitle {
    font-size: 20px;
    font-size: 4.9382716049vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .aboutProgramLectureTitle {
    font-size: 20px;
    font-size: 2.6041666667vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .aboutProgramLectureTitle {
    font-size: 20px;
  }
}

.aboutProgramLectureText {
  display: block;
  line-height: 200%;
  letter-spacing: 0.02em;
  margin-bottom: 2em;
}

@media screen and (max-width: 486px) {
  .aboutProgramLectureText {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .aboutProgramLectureText {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media screen and (min-width: 769px) {
  .aboutProgramLectureText {
    font-size: 16px;
  }
}

.aboutProgramLectureText.seeds {
  width: 70%;
}

@media only screen and (max-width: 486px) {
  .aboutProgramLectureText.seeds {
    width: 100%;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .aboutProgramLectureText {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .aboutProgramLectureText {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .aboutProgramLectureText {
    font-size: 14px;
  }
}

.aboutProgramLectureInfobox {
  display: block;
  margin-top: 2em;
}

@media screen and (max-width: 486px) {
  .aboutProgramLectureInfobox {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .aboutProgramLectureInfobox {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media screen and (min-width: 769px) {
  .aboutProgramLectureInfobox {
    font-size: 14px;
  }
}

.aboutProgramLectureInfoboxHeadline {
  display: inline-block;
  font-weight: 700;
  background: #1111CC;
  color: #ffffff;
  width: 125px;
  text-align: center;
  padding: 0.5em;
  margin-bottom: 0.75em;
}

@media screen and (max-width: 486px) {
  .aboutProgramLectureInfoboxHeadline {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .aboutProgramLectureInfoboxHeadline {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media screen and (min-width: 769px) {
  .aboutProgramLectureInfoboxHeadline {
    font-size: 14px;
  }
}

.aboutProgramLectureInfoboxText {
  display: block;
  font-weight: 700;
  color: #1111CC;
  margin-bottom: 1em;
}

@media screen and (max-width: 486px) {
  .aboutProgramLectureInfoboxText {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .aboutProgramLectureInfoboxText {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media screen and (min-width: 769px) {
  .aboutProgramLectureInfoboxText {
    font-size: 16px;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .aboutProgramLectureInfoboxText {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .aboutProgramLectureInfoboxText {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .aboutProgramLectureInfoboxText {
    font-size: 14px;
  }
}

.aboutProgramLectureInfoboxText strong {
  font-size: 1.5em;
}

@media only screen and (max-width: 486px) {
  .aboutProgramLectureInfoboxText strong {
    font-size: 1.2em;
  }
}

.aboutProgramLectureInfoboxText small {
  font-size: 0.9em;
  padding: 0.5em 0;
}

@media only screen and (max-width: 486px) {
  .aboutProgramLectureInfoboxText small {
    display: block;
  }
}

.aboutProgramInnerBoxIcon {
  position: absolute;
  transform: translateY(-20%);
  top: 0;
  right: 20px;
  width: 15vw;
  max-width: 150px;
}

.aboutProgramInnerBoxIcon img {
  margin: 0px auto;
  display: block;
  width: 100%;
  height: auto;
}

.aboutProgramInnerBoxIllust {
  position: absolute;
  transform: translateY(-20%);
  top: 0;
  right: 20px;
  width: 30%;
  max-width: 300px;
}

.aboutProgramInnerBoxIllust img {
  margin: 0px auto;
  display: block;
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 486px) {
  .aboutProgramInnerBoxIllust {
    transform: translateY(-37%);
  }
}

.blueBtnWrap {
  margin: 0px auto;
  display: block;
  width: 100%;
  max-width: 90vw;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .blueBtnWrap {
    margin-top: 5vw;
  }
}

@media screen and (min-width: 769px) {
  .blueBtnWrap {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 486px) and (max-width: 768px) {
  .blueBtnWrap {
    margin-top: 10vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .blueBtnWrap {
    margin-top: 80px;
  }
}

.blueBtnWrap.mg0 {
  margin: 0;
}

.blueBtnWrap.mgSmall {
  margin-top: 1em;
  margin-bottom: 1em;
}

.blueBtnWrap.right {
  text-align: right;
}

.blueBtnWrap.left {
  text-align: left;
}

@media screen and (max-width: 768px) {
  .blueBtnWrap.mgb {
    margin-bottom: 15vw;
  }
}

@media screen and (min-width: 769px) {
  .blueBtnWrap.mgb {
    margin-bottom: 120px;
  }
}

.blueBtnWrap.mgt {
  margin-top: 0 !important;
}

.blueBtnWrap.hidden {
  display: none;
  visibility: hidden;
}

.blueBtn {
  -webkit-box-sizing: content-box;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  box-sizing: border-box;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  transition: all 0.3s ease-in-out;
  -webkit-transition: -webkit-transform all 0.3s ease-in-out;
  display: inline-block;
  width: 90vw;
  max-width: 320px;
  padding: 1.75em;
  font-weight: 600;
  background: #1111CC;
  color: #ffffff;
  text-align: center;
  letter-spacing: 0.02em;
  position: relative;
}

.blueBtn:hover {
  opacity: 1 !important;
}

.blueBtn::-webkit-search-decoration {
  display: none;
}

.blueBtn:focus {
  outline-offset: -2px;
}

.blueBtn:hover {
  background: #2B83CC;
  color: #ffffff;
}

.blueBtn:hover:before {
  right: 0.2em;
}

@media screen and (max-width: 486px) {
  .blueBtn {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .blueBtn {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media screen and (min-width: 769px) {
  .blueBtn {
    font-size: 16px;
  }
}

.large .blueBtn {
  max-width: 580px;
}

@media only screen and (max-width: 768px) {
  .blueBtn {
    max-width: 250px;
  }
}

@media only screen and (max-width: 486px) {
  .blueBtn {
    width: 100%;
    max-width: 90vw;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .blueBtn {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .blueBtn {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .blueBtn {
    font-size: 14px;
  }
}

.small .blueBtn {
  padding: 1em;
  max-width: 260px;
}

@media only screen and (max-width: 486px) {
  .small .blueBtn {
    width: auto !important;
    padding-left: 2em;
    padding-right: 2em;
  }
}

.minimal .blueBtn {
  padding: 1em;
  max-width: 200px;
}

@media screen and (max-width: 486px) {
  .minimal .blueBtn {
    font-size: 12px;
    font-size: 2.962962963vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .minimal .blueBtn {
    font-size: 12px;
    font-size: 1.5625vw;
  }
}

@media screen and (min-width: 769px) {
  .minimal .blueBtn {
    font-size: 12px;
  }
}

@media only screen and (max-width: 486px) {
  .minimal .blueBtn {
    width: auto !important;
    padding-left: 2em;
    padding-right: 2em;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .minimal .blueBtn {
    font-size: 12px;
    font-size: 2.962962963vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .minimal .blueBtn {
    font-size: 12px;
    font-size: 1.5625vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .minimal .blueBtn {
    font-size: 12px;
  }
}

.white .blueBtn {
  background: #ffffff;
  color: #1111CC;
  border: 1px solid #1111CC;
}

.white .blueBtn:before {
  color: #1111CC;
}

.white .blueBtn:hover {
  background: #2B83CC;
  color: #ffffff;
}

.thin .blueBtn {
  background: #2B83CC;
}

.blueBtn:before {
  transition: all 0.3s ease-in-out;
  -webkit-transition: -webkit-transform all 0.3s ease-in-out;
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
  /* IEサポート */
  font-feature-settings: "liga";
  content: "keyboard_arrow_right";
  color: #ffffff;
  right: 1em;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

@media only screen and (max-width: 486px) {
  .blueBtn:before {
    right: 0.5em;
  }
}

.arrowDown .blueBtn:before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
  /* IEサポート */
  font-feature-settings: "liga";
  content: "keyboard_arrow_down";
}

.arrowUp .blueBtn:before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
  /* IEサポート */
  font-feature-settings: "liga";
  content: "keyboard_arrow_up";
}

.blueBtn.external:after {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
  /* IEサポート */
  font-feature-settings: "liga";
  content: "open_in_new";
  display: inline-block;
  margin-left: 0.5em;
  vertical-align: bottom;
}

.aboutProgramSeedsTitle {
  display: block;
  font-weight: 700;
  color: #1111CC;
  line-height: 135%;
  letter-spacing: 0.03em;
  max-width: 550px;
  width: 70%;
  padding-bottom: 0.75em;
}

@media screen and (max-width: 486px) {
  .aboutProgramSeedsTitle {
    font-size: 20px;
    font-size: 4.9382716049vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .aboutProgramSeedsTitle {
    font-size: 20px;
    font-size: 2.6041666667vw;
  }
}

@media screen and (min-width: 769px) {
  .aboutProgramSeedsTitle {
    font-size: 20px;
  }
}

@media only screen and (max-width: 486px) {
  .aboutProgramSeedsTitle {
    max-width: 100%;
    width: 100%;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .aboutProgramSeedsTitle {
    font-size: 18px;
    font-size: 4.4444444444vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .aboutProgramSeedsTitle {
    font-size: 18px;
    font-size: 2.34375vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .aboutProgramSeedsTitle {
    font-size: 18px;
  }
}

.seedsIconList {
  margin: 0px auto;
  width: 100%;
  max-width: 650px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  .seedsIconList {
    margin-top: 10vw;
    margin-bottom: 10vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsIconList {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}

.seedIconLine {
  flex-basis: 31.3333333333%;
  transform: rotateZ(45deg);
  opacity: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: -webkit-transform all 0.3s ease-in-out;
}

.seedIconLine:not(:nth-of-type(3n)) {
  margin-right: 2%;
}

@media only screen and (max-width: 768px) {
  .seedIconLine:nth-of-type(5n) {
    margin-right: 0%;
  }
}

@media only screen and (max-width: 486px) {
  .seedIconLine {
    flex-basis: 47.5%;
    margin-bottom: 3%;
  }

  .seedIconLine:not(:nth-of-type(3n)) {
    margin-right: 0;
  }

  .seedIconLine:not(:nth-of-type(2n)) {
    margin-right: 5%;
  }

  .seedIconLine:nth-of-type(5n) {
    margin-right: 0%;
  }
}

.seedIconLine * {
  transition: all 0.3s ease-in-out;
  -webkit-transition: -webkit-transform all 0.3s ease-in-out;
}

.seedIconLine:hover {
  opacity: 0.6;
}

.seedIconLine:hover * {
  opacity: 0.6;
}

.seedIconLine.visibleOn {
  opacity: 1;
  transform: none;
}

.seedIconLineImg {
  margin: 0px auto;
  display: block;
  width: 100%;
}

.lectureTitleWrap {
  margin: 0px auto;
  display: block;
  margin: 0px auto;
  display: block;
  max-width: 900px;
  width: 90%;
  background: url("common/img/lectureBg.png");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
  .lectureTitleWrap {
    margin-top: 5vw;
    margin-bottom: 5vw;
  }
}

@media screen and (min-width: 769px) {
  .lectureTitleWrap {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 768px) {
  .lectureTitleWrap {
    padding-top: 7.5vw;
    padding-bottom: 7.5vw;
  }
}

@media screen and (min-width: 769px) {
  .lectureTitleWrap {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.lectureTitle {
  margin: 0px auto;
  display: block;
  width: 90%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  font-weight: 700;
  line-height: 135%;
  letter-spacing: 0.03em;
  color: #1111CC;
  justify-content: center;
  padding-bottom: 0.75em;
}

@media screen and (max-width: 486px) {
  .lectureTitle {
    font-size: 24px;
    font-size: 5.9259259259vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .lectureTitle {
    font-size: 24px;
    font-size: 3.125vw;
  }
}

@media screen and (min-width: 769px) {
  .lectureTitle {
    font-size: 24px;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .lectureTitle {
    font-size: 18px;
    font-size: 4.4444444444vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .lectureTitle {
    font-size: 18px;
    font-size: 2.34375vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .lectureTitle {
    font-size: 18px;
  }
}

.lectureTitleDescription {
  margin: 0px auto;
  display: block;
  width: 90%;
  max-width: 600px;
  line-height: 180%;
  letter-spacing: 0.02em;
}

@media screen and (max-width: 486px) {
  .lectureTitleDescription {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .lectureTitleDescription {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media screen and (min-width: 769px) {
  .lectureTitleDescription {
    font-size: 14px;
  }
}

.lectureVideoBox {
  margin: 0px auto;
  display: block;
  margin: 0px auto;
  display: block;
  max-width: 900px;
  width: 90%;
  position: relative;
}

@media screen and (max-width: 768px) {
  .lectureVideoBox {
    margin-top: 5vw;
    margin-bottom: 5vw;
  }
}

@media screen and (min-width: 769px) {
  .lectureVideoBox {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

.lectureVideoInner {
  margin: 0px auto;
  display: block;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.lectureVideoInner iframe {
  position: absolute;
  margin: 0px auto;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.lectureInfoBox {
  margin: 0px auto;
  display: block;
  margin: 0px auto;
  display: block;
  max-width: 900px;
  width: 90%;
  background: #ffffff;
}

@media screen and (max-width: 768px) {
  .lectureInfoBox {
    margin-bottom: 10vw;
  }
}

@media screen and (min-width: 769px) {
  .lectureInfoBox {
    margin-bottom: 80px;
  }
}

@media screen and (max-width: 768px) {
  .lectureInfoBox {
    padding-top: 2.5vw;
    padding-bottom: 2.5vw;
  }
}

@media screen and (min-width: 769px) {
  .lectureInfoBox {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 768px) {
  .lectureInfoBox {
    padding: 5vw;
  }
}

@media screen and (min-width: 769px) {
  .lectureInfoBox {
    padding: 40px;
  }
}

.contactInfoBox {
  margin: 0px auto;
  display: block;
  margin: 0px auto;
  display: block;
  max-width: 900px;
  width: 90%;
  position: relative;
}

@media screen and (max-width: 768px) {
  .contactInfoBox {
    margin-top: 2.5vw;
  }
}

@media screen and (min-width: 769px) {
  .contactInfoBox {
    margin-top: 20px;
  }
}

@media screen and (max-width: 768px) {
  .contactInfoBox {
    padding-top: 10vw;
  }
}

@media screen and (min-width: 769px) {
  .contactInfoBox {
    padding-top: 80px;
  }
}

.contactInfoBox:after {
  content: url("common/img/headlineIcon2.svg");
  z-index: 2;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 30%;
  height: 100%;
  object-fit: contain;
  font-family: "object-fit: contain;";
  transform: translate(-20%, 0%);
}

.contactInfoBoxHeadline {
  position: relative;
  z-index: 3;
  display: block;
  width: 65%;
  font-weight: 700;
  color: #1111CC;
  padding-bottom: 0.5em;
  letter-spacing: 0.02em;
  line-height: 135%;
}

@media screen and (max-width: 486px) {
  .contactInfoBoxHeadline {
    font-size: 24px;
    font-size: 5.9259259259vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .contactInfoBoxHeadline {
    font-size: 24px;
    font-size: 3.125vw;
  }
}

@media screen and (min-width: 769px) {
  .contactInfoBoxHeadline {
    font-size: 24px;
  }
}

@media screen and (max-width: 486px) {
  .contactInfoBoxHeadline.small {
    font-size: 20px;
    font-size: 4.9382716049vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .contactInfoBoxHeadline.small {
    font-size: 20px;
    font-size: 2.6041666667vw;
  }
}

@media screen and (min-width: 769px) {
  .contactInfoBoxHeadline.small {
    font-size: 20px;
  }
}

@media only screen and (max-width: 486px) {
  .contactInfoBoxHeadline {
    width: 75%;
  }
}

.contactInfoBoxMainText {
  position: relative;
  z-index: 3;
  display: block;
  width: 70%;
  line-height: 200%;
  letter-spacing: 0.02em;
  margin-bottom: 3em;
}

@media screen and (max-width: 486px) {
  .contactInfoBoxMainText {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .contactInfoBoxMainText {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media screen and (min-width: 769px) {
  .contactInfoBoxMainText {
    font-size: 16px;
  }
}

@media only screen and (max-width: 486px) {
  .contactInfoBoxMainText {
    width: 100%;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .contactInfoBoxMainText {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .contactInfoBoxMainText {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .contactInfoBoxMainText {
    font-size: 14px;
  }
}

.contactInfoBoxImg {
  z-index: 3;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 30%;
  height: auto;
  transform: translateY(-10%);
}

@media only screen and (max-width: 486px) {
  .contactInfoBoxImg {
    transform: translateY(-30%);
  }
}

.contactFormWrap {
  margin: 0px auto;
  display: block;
  width: 90%;
  max-width: 1000px;
}

@media screen and (max-width: 768px) {
  .contactFormWrap {
    margin-top: 5vw;
    margin-bottom: 5vw;
  }
}

@media screen and (min-width: 769px) {
  .contactFormWrap {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 486px) {
  .contactFormWrap {
    width: 90vw;
  }
}

.contactFormSubjectBox {
  transition: all 0.3s ease-in-out;
  -webkit-transition: -webkit-transform all 0.3s ease-in-out;
  margin: 0px auto;
  display: block;
  border: 1px solid #ffffff;
}

@media screen and (max-width: 768px) {
  .contactFormSubjectBox {
    padding: 2.5vw;
  }
}

@media screen and (min-width: 769px) {
  .contactFormSubjectBox {
    padding: 20px;
  }
}

@media screen and (max-width: 768px) {
  .contactFormSubjectBox {
    margin-top: 10vw;
  }
}

@media screen and (min-width: 769px) {
  .contactFormSubjectBox {
    margin-top: 80px;
  }
}

@media screen and (max-width: 768px) {
  .contactFormSubjectBox {
    margin-bottom: 5vw;
  }
}

@media screen and (min-width: 769px) {
  .contactFormSubjectBox {
    margin-bottom: 40px;
  }
}

.contactFormSubjectBox.hidden {
  visibility: hidden;
  display: none;
}

.contactFormSubjectBoxHeadline {
  display: block;
  font-weight: 700;
  padding-bottom: 1em;
}

@media screen and (max-width: 486px) {
  .contactFormSubjectBoxHeadline {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .contactFormSubjectBoxHeadline {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media screen and (min-width: 769px) {
  .contactFormSubjectBoxHeadline {
    font-size: 16px;
  }
}

.contactFormSubjectBoxSeedsTitle {
  display: block;
  color: #1111CC;
}

.contactFormSubjectBoxSeedsTitle a {
  color: #1111CC !important;
}

.contactFormSubjectBoxSeedsTitle span {
  display: inline;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 150%;
}

@media screen and (max-width: 486px) {
  .contactFormSubjectBoxSeedsTitle span {
    font-size: 22px;
    font-size: 5.4320987654vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .contactFormSubjectBoxSeedsTitle span {
    font-size: 22px;
    font-size: 2.8645833333vw;
  }
}

@media screen and (min-width: 769px) {
  .contactFormSubjectBoxSeedsTitle span {
    font-size: 22px;
  }
}

.contactFormSubjectBoxSeedsTitle .cancelBtn {
  color: #1111CC;
  display: inline-block;
}

.contactFormSubjectBoxSeedsTitle .cancelBtn:after {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
  /* IEサポート */
  font-feature-settings: "liga";
  content: "cancel";
  padding-left: 0.5em;
  font-size: 16px;
}

.contactFormObj {
  display: block;
  border-bottom: 1px solid #557B8E;
}

@media screen and (max-width: 768px) {
  .contactFormObj {
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }
}

@media screen and (min-width: 769px) {
  .contactFormObj {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (max-width: 768px) {
  .contactFormObj {
    padding-top: 5vw;
    padding-bottom: 5vw;
  }
}

@media screen and (min-width: 769px) {
  .contactFormObj {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media only screen and (max-width: 486px) {
  .contactFormObj {
    padding: 0;
    padding-bottom: 2em;
    margin-bottom: 2em;
  }
}

.contactFormObjInner {
  width: 100%;
  margin: 0px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
}

.contactFormObjHeadline {
  width: 100%;
  flex-basis: 160px;
}

@media only screen and (max-width: 486px) {
  .contactFormObjHeadline {
    flex-basis: 100%;
    margin-bottom: 1em;
  }
}

.contactFormObjHeadline strong {
  display: inline-block;
  font-weight: 400;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 486px) {
  .contactFormObjHeadline strong {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .contactFormObjHeadline strong {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media screen and (min-width: 769px) {
  .contactFormObjHeadline strong {
    font-size: 16px;
  }
}

.contactFormObjHeadline .ness {
  display: block;
  width: 4em;
  background-color: #1111CC;
  color: #ffffff;
  padding: 0.5em;
  margin-top: 0.75em;
  text-align: center;
}

@media screen and (max-width: 486px) {
  .contactFormObjHeadline .ness {
    font-size: 10px;
    font-size: 2.4691358025vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .contactFormObjHeadline .ness {
    font-size: 10px;
    font-size: 1.3020833333vw;
  }
}

@media screen and (min-width: 769px) {
  .contactFormObjHeadline .ness {
    font-size: 10px;
  }
}

@media only screen and (max-width: 486px) {
  .contactFormObjHeadline .ness {
    display: inline-block;
  }
}

.contactFormParts,
.enqueteContentsFormObj {
  width: 100%;
  flex-basis: calc(100% - 180px);
  line-height: 150%;
}

@media only screen and (max-width: 486px) {

  .contactFormParts,
  .enqueteContentsFormObj {
    flex-basis: 100%;
  }
}

.contactFormParts .att,
.enqueteContentsFormObj .att {
  display: block;
  color: #585858;
  padding-top: 1em;
  padding-bottom: 0.5em;
}

@media screen and (max-width: 486px) {

  .contactFormParts .att,
  .enqueteContentsFormObj .att {
    font-size: 12px;
    font-size: 2.962962963vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {

  .contactFormParts .att,
  .enqueteContentsFormObj .att {
    font-size: 12px;
    font-size: 1.5625vw;
  }
}

@media screen and (min-width: 769px) {

  .contactFormParts .att,
  .enqueteContentsFormObj .att {
    font-size: 12px;
  }
}

@media only screen and (max-width: 486px) {

  .contactFormParts .att,
  .enqueteContentsFormObj .att {
    padding-top: 0;
  }
}

.contactFormParts input[type=text],
.contactFormParts input[type=tel],
.contactFormParts input[type=email],
.contactFormParts select,
.contactFormParts textarea,
.enqueteContentsFormObj input[type=text],
.enqueteContentsFormObj input[type=tel],
.enqueteContentsFormObj input[type=email],
.enqueteContentsFormObj select,
.enqueteContentsFormObj textarea {
  margin: 0px auto;
  display: block;
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: none;
  appearance: none;
  -webkit-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  border: 0;
  outline: none;
  padding: 0;
  background: transparent;
  background-color: #ffffff;
  font-size: 16px;
  padding: 0.5em;
  width: 100%;
  height: 40px;
}

.contactFormParts input[type=text]::-ms-expand,
.contactFormParts input[type=tel]::-ms-expand,
.contactFormParts input[type=email]::-ms-expand,
.contactFormParts select::-ms-expand,
.contactFormParts textarea::-ms-expand,
.enqueteContentsFormObj input[type=text]::-ms-expand,
.enqueteContentsFormObj input[type=tel]::-ms-expand,
.enqueteContentsFormObj input[type=email]::-ms-expand,
.enqueteContentsFormObj select::-ms-expand,
.enqueteContentsFormObj textarea::-ms-expand {
  display: none;
}

.contactFormParts input[type=text].small,
.contactFormParts input[type=tel].small,
.contactFormParts input[type=email].small,
.contactFormParts select.small,
.contactFormParts textarea.small,
.enqueteContentsFormObj input[type=text].small,
.enqueteContentsFormObj input[type=tel].small,
.enqueteContentsFormObj input[type=email].small,
.enqueteContentsFormObj select.small,
.enqueteContentsFormObj textarea.small {
  max-width: 250px;
  width: 50%;
}

.contactFormParts textarea,
.enqueteContentsFormObj textarea {
  height: 200px;
}

.contactFormParts .selectWrap,
.enqueteContentsFormObj .selectWrap {
  display: block;
  position: relative;
}

.contactFormParts .selectWrap:after,
.enqueteContentsFormObj .selectWrap:after {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
  /* IEサポート */
  font-feature-settings: "liga";
  content: "keyboard_arrow_down";
  pointer-events: none;
  font-size: 22px;
  color: #1111CC;
  text-align: center;
  position: absolute;
  right: 0.25em;
  top: 0.5em;
}

.contactFormParts.checkbox,
.enqueteContentsFormObj.checkbox {
  padding-left: 0 !important;
}

.contactFormParts.checkbox .wpcf7-list-item,
.enqueteContentsFormObj.checkbox .wpcf7-list-item {
  display: block;
  padding: 1em;
  padding-left: 0;
  margin-bottom: 0.5em;
}

@media screen and (max-width: 486px) {

  .contactFormParts.checkbox .wpcf7-list-item,
  .enqueteContentsFormObj.checkbox .wpcf7-list-item {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {

  .contactFormParts.checkbox .wpcf7-list-item,
  .enqueteContentsFormObj.checkbox .wpcf7-list-item {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media screen and (min-width: 769px) {

  .contactFormParts.checkbox .wpcf7-list-item,
  .enqueteContentsFormObj.checkbox .wpcf7-list-item {
    font-size: 16px;
  }
}

.contactFormParts.checkbox .wpcf7-list-item input,
.enqueteContentsFormObj.checkbox .wpcf7-list-item input {
  display: none;
  padding-left: 0;
}

.contactFormParts.checkbox .wpcf7-list-item label,
.enqueteContentsFormObj.checkbox .wpcf7-list-item label {
  transition: all 0.2s ease-in-out;
  -webkit-transition: -webkit-transform all 0.2s 0.05s ease-in-out;
  display: block;
  padding-left: 1.5em;
  line-height: 135%;
  position: relative;
  transition: all 0.3s ease-in-out;
  -webkit-transition: -webkit-transform all 0.3s ease-in-out;
}

@media screen and (max-width: 486px) {

  .contactFormParts.checkbox .wpcf7-list-item label,
  .enqueteContentsFormObj.checkbox .wpcf7-list-item label {
    font-size: 18px;
    font-size: 4.4444444444vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {

  .contactFormParts.checkbox .wpcf7-list-item label,
  .enqueteContentsFormObj.checkbox .wpcf7-list-item label {
    font-size: 18px;
    font-size: 2.34375vw;
  }
}

@media screen and (min-width: 769px) {

  .contactFormParts.checkbox .wpcf7-list-item label,
  .enqueteContentsFormObj.checkbox .wpcf7-list-item label {
    font-size: 18px;
  }
}

@media only screen and (max-width: 486px) {

  .contactFormParts.checkbox .wpcf7-list-item label,
  .enqueteContentsFormObj.checkbox .wpcf7-list-item label {
    padding-left: 2.5em;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {

  .contactFormParts.checkbox .wpcf7-list-item label,
  .enqueteContentsFormObj.checkbox .wpcf7-list-item label {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {

  .contactFormParts.checkbox .wpcf7-list-item label,
  .enqueteContentsFormObj.checkbox .wpcf7-list-item label {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {

  .contactFormParts.checkbox .wpcf7-list-item label,
  .enqueteContentsFormObj.checkbox .wpcf7-list-item label {
    font-size: 14px;
  }
}

.contactFormParts.checkbox .wpcf7-list-item label:before,
.enqueteContentsFormObj.checkbox .wpcf7-list-item label:before {
  transition: all 0.2s ease-in-out;
  -webkit-transition: -webkit-transform all 0.2s 0.05s ease-in-out;
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-color: #ffffff;
  position: absolute;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.contactFormParts.checkbox .wpcf7-list-item label:after,
.enqueteContentsFormObj.checkbox .wpcf7-list-item label:after {
  transition: all 0.2s ease-in-out;
  -webkit-transition: -webkit-transform all 0.2s 0.05s ease-in-out;
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
  /* IEサポート */
  font-feature-settings: "liga";
  content: "check";
  color: #ffffff;
  position: absolute;
  left: -1em;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

@media only screen and (max-width: 486px) {

  .contactFormParts.checkbox .wpcf7-list-item label:after,
  .enqueteContentsFormObj.checkbox .wpcf7-list-item label:after {
    left: 0.35em;
  }
}

.contactFormParts.checkbox .wpcf7-list-item label.checked,
.enqueteContentsFormObj.checkbox .wpcf7-list-item label.checked {
  transition: all 0.2s ease-in-out;
  -webkit-transition: -webkit-transform all 0.2s 0.05s ease-in-out;
}

.contactFormParts.checkbox .wpcf7-list-item label.checked:before,
.enqueteContentsFormObj.checkbox .wpcf7-list-item label.checked:before {
  transition: all 0.2s ease-in-out;
  -webkit-transition: -webkit-transform all 0.2s 0.05s ease-in-out;
  background: #1111CC;
}

.contactFormParts.checkbox .wpcf7-list-item label.checked:after,
.enqueteContentsFormObj.checkbox .wpcf7-list-item label.checked:after {
  transition: all 0.2s ease-in-out;
  -webkit-transition: -webkit-transform all 0.2s 0.05s ease-in-out;
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
  /* IEサポート */
  font-feature-settings: "liga";
  content: "check";
  color: #ffffff;
  position: absolute;
  left: 0;
  opacity: 1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

@media only screen and (max-width: 486px) {

  .contactFormParts.checkbox .wpcf7-list-item label.checked:after,
  .enqueteContentsFormObj.checkbox .wpcf7-list-item label.checked:after {
    left: 0.3em;
  }
}

.contactFormParts.checkbox .wpcf7-list-item label.checked *,
.enqueteContentsFormObj.checkbox .wpcf7-list-item label.checked * {
  color: #1111CC;
}

.requestParts {
  opacity: 0.2;
  pointer-events: none;
}

.requestParts *,
.requestParts textarea {
  pointer-events: none !important;
}

.requestParts.visible {
  opacity: 1 !important;
  pointer-events: auto !important;
}

.requestParts.visible *,
.requestParts.visible textarea {
  pointer-events: auto !important;
}

.radio .wpcf7-form-control {
  width: 100%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex !important;
  justify-content: center;
  flex-wrap: nowrap;
  align-items: stretch;
}

@media only screen and (max-width: 486px) {
  .radio .wpcf7-form-control {
    flex-wrap: wrap;
  }
}

.radio .wpcf7-list-item {
  flex-basis: 100%;
  width: 100%;
  height: auto;
  padding: 0 !important;
  margin: 0 !important;
}

.radio .wpcf7-list-item input[type=radio] {
  display: none;
}

.radio label {
  transition: all 0.3s ease-in-out;
  -webkit-transition: -webkit-transform all 0.3s ease-in-out;
  display: block;
  width: 98%;
  padding: 1em 1em;
  padding-left: 1.75em;
  font-weight: 700;
  border: 1px solid #ffffff;
  position: relative;
}

@media screen and (max-width: 486px) {
  .radio label {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .radio label {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media screen and (min-width: 769px) {
  .radio label {
    font-size: 14px;
  }
}

@media only screen and (max-width: 486px) {
  .radio label:not(:last-of-type) {
    border-bottom: 0;
  }
}

.radio label:before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
  /* IEサポート */
  font-feature-settings: "liga";
  content: "radio_button_unchecked";
  position: absolute;
  left: 0.5em;
  color: #B2B2B2;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.radio label.checked {
  background-color: #ffffff;
  color: #1111CC;
}

.radio label.checked:before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
  /* IEサポート */
  font-feature-settings: "liga";
  content: "radio_button_checked";
  color: #1111CC;
}

input[type=submit],
.previousBtn {
  transition: all 0.3s ease-in-out;
  -webkit-transition: -webkit-transform all 0.3s ease-in-out;
  -webkit-box-sizing: content-box;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  box-sizing: border-box;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  margin: 0px auto;
  display: block;
  width: 90vw;
  max-width: 550px;
  background: linear-gradient(to bottom, #2B83CC, #1111CC);
  color: #ffffff;
  font-weight: 700;
  padding: 1.5em;
  text-align: center;
}

input[type=submit]::-webkit-search-decoration,
.previousBtn::-webkit-search-decoration {
  display: none;
}

input[type=submit]:focus,
.previousBtn:focus {
  outline-offset: -2px;
}

@media only screen and (max-width: 486px) {

  input[type=submit],
  .previousBtn {
    max-width: 90%;
  }
}

@media screen and (max-width: 486px) {

  input[type=submit],
  .previousBtn {
    font-size: 18px;
    font-size: 4.4444444444vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {

  input[type=submit],
  .previousBtn {
    font-size: 18px;
    font-size: 2.34375vw;
  }
}

@media screen and (min-width: 769px) {

  input[type=submit],
  .previousBtn {
    font-size: 18px;
  }
}

@media screen and (max-width: 768px) {

  input[type=submit],
  .previousBtn {
    margin-top: 10vw;
  }
}

@media screen and (min-width: 769px) {

  input[type=submit],
  .previousBtn {
    margin-top: 80px;
  }
}

@media screen and (max-width: 768px) {

  input[type=submit],
  .previousBtn {
    margin-bottom: 5vw;
  }
}

@media screen and (min-width: 769px) {

  input[type=submit],
  .previousBtn {
    margin-bottom: 40px;
  }
}

input[type=submit]:disabled,
.previousBtn:disabled {
  background: #B2B2B2;
}

input[type=submit]:focus,
.previousBtn:focus {
  border: 0px !important;
}

.previousBtn {
  margin-top: 0;
  margin-top: -2em;
  background: #B2B2B2;
}

@media screen and (max-width: 768px) {
  .previousBtn {
    margin-bottom: 10vw;
  }
}

@media screen and (min-width: 769px) {
  .previousBtn {
    margin-bottom: 80px;
  }
}

.contactFormPrivacyPolicy {
  display: block;
  padding: 0 1em;
  text-align: center;
  line-height: 150%;
}

@media screen and (max-width: 486px) {
  .contactFormPrivacyPolicy {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .contactFormPrivacyPolicy {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media screen and (min-width: 769px) {
  .contactFormPrivacyPolicy {
    font-size: 14px;
  }
}

@media only screen and (max-width: 486px) {
  .contactFormPrivacyPolicy {
    text-align: left;
  }
}

.contactFormPrivacyPolicy a {
  color: #1111CC;
  font-weight: 500;
}

.wpcf7-not-valid-tip {
  display: block;
  color: #ff3932;
  padding: 0.5em 0;
}

@media screen and (max-width: 486px) {
  .wpcf7-not-valid-tip {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .wpcf7-not-valid-tip {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media screen and (min-width: 769px) {
  .wpcf7-not-valid-tip {
    font-size: 14px;
  }
}

.wpcf7-response-output {
  margin: 0px auto;
  display: block;
  background-color: #ffffff;
  padding: 1.5em 1em !important;
  border: 0 !important;
  text-align: center;
  color: #ff3932;
}

@media screen and (max-width: 486px) {
  .wpcf7-response-output {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .wpcf7-response-output {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media screen and (min-width: 769px) {
  .wpcf7-response-output {
    font-size: 16px;
  }
}

.recaptcha_policy {
  margin: 0px auto;
  display: block;
  margin: 0px auto;
  display: block;
  max-width: 900px;
  width: 90%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  color: #557B8E;
  line-height: 150%;
}

@media screen and (max-width: 486px) {
  .recaptcha_policy {
    font-size: 12px;
    font-size: 2.962962963vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .recaptcha_policy {
    font-size: 12px;
    font-size: 1.5625vw;
  }
}

@media screen and (min-width: 769px) {
  .recaptcha_policy {
    font-size: 12px;
  }
}

.recaptcha_policy a {
  text-decoration: underline;
  color: #557B8E;
}

.indexContentBgWrap {
  position: fixed;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  z-index: 0;
  top: 0;
  left: 0;
  background-image: url("common/img/indexBg.svg");
  background-size: 100% auto;
  background-repeat: repeat-y;
}

@media screen and (orientation: portrait) {
  .indexContentBgWrap {
    background-image: url("common/img/indexSpBg.svg");
    background-size: auto 100%;
    background-repeat: repeat-x;
    background-position: top right;
  }
}

.indexContent {
  position: relative;
  z-index: 5;
  margin: 0px auto;
  display: block;
  width: 100%;
  height: auto;
}

.indexKVContent {
  margin: 0px auto;
  display: block;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

@media only screen and (max-width: 768px) {
  .indexKVContent {
    height: 60vh;
    min-height: 100vw;
  }
}

@media only screen and (max-width: 486px) {
  .indexKVContent {
    height: 70vh;
    overflow: visible !important;
  }
}

.indexKVList {
  margin: 0px auto;
  display: block;
  width: 130%;
  margin-left: -15%;
  height: auto;
  max-height: 100vh;
  position: absolute;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

@media only screen and (max-width: 1000px) {
  .indexKVList {
    width: 180%;
    margin-left: -40%;
  }
}

@media only screen and (max-width: 768px) {
  .indexKVList {
    width: 200%;
    margin-left: -50%;
  }
}

@media only screen and (max-width: 486px) {
  .indexKVList {
    width: 210%;
    margin-left: -55%;
  }
}

.indexKVList .slick-slide {
  max-height: 100vh;
  transition: all 0.5s ease-in-out;
  overflow: visible !important;
  position: relative;
}

.indexKVList .slick-slide img {
  opacity: 0.5;
  margin: 0px auto;
  display: block;
  width: 80%;
  height: auto;
  max-height: 100vh;
  object-fit: contain;
  font-family: "object-fit: contain;";
}

@media only screen and (max-width: 486px) {
  .indexKVList .slick-slide img {
    width: 90%;
  }
}

.indexKVList .slick-center {
  transition: all 0.5s ease-in-out;
  overflow: visible !important;
}

.indexKVList .slick-center img {
  margin-top: 0;
  width: 100%;
  opacity: 1;
}

.indexKVLine {
  display: block;
  transition: all 0.5s ease-in-out;
}

.indexKVLine img {
  transition: all 0.5s ease-in-out;
  opacity: 0.5;
  margin: 0px auto;
  display: block;
  width: 80%;
  height: auto;
}

@media only screen and (max-width: 486px) {
  .indexKVLine img {
    width: 90%;
  }
}

.indexMessageWrap {
  display: block;
  width: 95%;
  position: absolute;
  z-index: 10;
  top: 20px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.indexMessage {
  display: block;
  width: 100%;
  background: linear-gradient(to bottom, #2B83CC, #1111CC);
  padding: 0.5em;
  text-align: center;
  font-weight: 700;
  color: #ffffff;
  border-radius: 100px;
  line-height: 135%;
  animation: messageAnimation 2s ease-in-out infinite;
}

@media screen and (max-width: 486px) {
  .indexMessage {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .indexMessage {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media screen and (min-width: 769px) {
  .indexMessage {
    font-size: 14px;
  }
}

.indexMessage a {
  color: #ffffff;
}

.indexMessage:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 99%);
  border-top: 1em solid #1111CC;
  border-right: 0.5em solid transparent;
  border-bottom: 0.5em solid transparent;
  border-left: 0.5em solid transparent;
}

.indexMessage .date {
  display: inline-block;
  margin-right: 0.25em;
  background-color: #ffffff;
  color: #1111CC;
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  padding: 0.15em 1em;
}

@media screen and (max-width: 486px) {
  .indexMessage .date {
    font-size: 12px;
    font-size: 2.962962963vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .indexMessage .date {
    font-size: 12px;
    font-size: 1.5625vw;
  }
}

@media screen and (min-width: 769px) {
  .indexMessage .date {
    font-size: 12px;
  }
}

@keyframes messageAnimation {
  0% {
    transform: translateY(0%);
  }

  50% {
    transform: translateY(30%);
  }

  100% {
    transform: translateY(0%);
  }
}

.indexSpecialLectureBox {
  margin: 0px auto;
  display: block;
  width: 740px;
  max-width: 90%;
  position: relative;
  background: #1111CC;
}

@media screen and (max-width: 768px) {
  .indexSpecialLectureBox {
    margin-top: 7.5vw;
  }
}

@media screen and (min-width: 769px) {
  .indexSpecialLectureBox {
    margin-top: 60px;
  }
}

@media screen and (max-width: 768px) {
  .indexSpecialLectureBox {
    margin-bottom: 7.5vw;
  }
}

@media screen and (min-width: 769px) {
  .indexSpecialLectureBox {
    margin-bottom: 60px;
  }
}

@media screen and (max-width: 768px) {
  .indexSpecialLectureBox {
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }
}

@media screen and (min-width: 769px) {
  .indexSpecialLectureBox {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (max-width: 768px) {
  .indexSpecialLectureBox {
    padding-bottom: 2.5vw;
  }
}

@media screen and (min-width: 769px) {
  .indexSpecialLectureBox {
    padding-bottom: 20px;
  }
}

.indexSpecialLectureBoxIcon {
  position: absolute;
  top: 0;
  right: 1em;
  transform: translateY(-50%);
  width: 20%;
  max-width: 100px;
}

.indexSpecialLectureBoxIcon img {
  margin: 0px auto;
  display: block;
}

.indexSpecialLectureBoxHeadline {
  display: block;
  transform: translateY(-25%);
}

@media screen and (max-width: 486px) {
  .indexSpecialLectureBoxHeadline {
    font-size: 40px;
    font-size: 9.8765432099vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .indexSpecialLectureBoxHeadline {
    font-size: 40px;
    font-size: 5.2083333333vw;
  }
}

@media screen and (min-width: 769px) {
  .indexSpecialLectureBoxHeadline {
    font-size: 40px;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .indexSpecialLectureBoxHeadline {
    font-size: 22px;
    font-size: 5.4320987654vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .indexSpecialLectureBoxHeadline {
    font-size: 22px;
    font-size: 2.8645833333vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .indexSpecialLectureBoxHeadline {
    font-size: 22px;
  }
}

.indexSpecialLectureBoxHeadline strong {
  display: block;
  color: #ffffff;
  margin-top: 0.1em;
}

@media screen and (max-width: 486px) {
  .indexSpecialLectureBoxHeadline strong {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .indexSpecialLectureBoxHeadline strong {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media screen and (min-width: 769px) {
  .indexSpecialLectureBoxHeadline strong {
    font-size: 14px;
  }
}

.indexSpecialLectureBoxHeadline div {
  display: block;
  width: 11em;
}

.indexSpecialLectureBoxHeadlineImg {
  display: block;
  width: 100%;
  height: auto;
}

.indexSpecialLectureBoxTitle {
  display: block;
  font-weight: 700;
  line-height: 135%;
  color: #ffffff;
}

@media screen and (max-width: 486px) {
  .indexSpecialLectureBoxTitle {
    font-size: 28px;
    font-size: 6.9135802469vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .indexSpecialLectureBoxTitle {
    font-size: 28px;
    font-size: 3.6458333333vw;
  }
}

@media screen and (min-width: 769px) {
  .indexSpecialLectureBoxTitle {
    font-size: 28px;
  }
}

@media only screen and (max-width: 486px) {
  .indexSpecialLectureBoxTitle {
    padding-bottom: 0.75em;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .indexSpecialLectureBoxTitle {
    font-size: 20px;
    font-size: 4.9382716049vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .indexSpecialLectureBoxTitle {
    font-size: 20px;
    font-size: 2.6041666667vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .indexSpecialLectureBoxTitle {
    font-size: 20px;
  }
}

.indexFeatureSeedsBox {
  margin: 0px auto;
  display: block;
  width: 740px;
  max-width: 90%;
  position: relative;
  background: #ffffff;
}

@media screen and (max-width: 768px) {
  .indexFeatureSeedsBox {
    margin-bottom: 15vw;
  }
}

@media screen and (min-width: 769px) {
  .indexFeatureSeedsBox {
    margin-bottom: 120px;
  }
}

@media screen and (max-width: 768px) {
  .indexFeatureSeedsBox {
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }
}

@media screen and (min-width: 769px) {
  .indexFeatureSeedsBox {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (max-width: 768px) {
  .indexFeatureSeedsBox {
    padding-bottom: 2.5vw;
  }
}

@media screen and (min-width: 769px) {
  .indexFeatureSeedsBox {
    padding-bottom: 20px;
  }
}

.indexFeatureSeedsBoxHeadline {
  display: block;
  height: 5.5em;
  transform: translateY(-30%);
}

@media screen and (max-width: 486px) {
  .indexFeatureSeedsBoxHeadline {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .indexFeatureSeedsBoxHeadline {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media screen and (min-width: 769px) {
  .indexFeatureSeedsBoxHeadline {
    font-size: 14px;
  }
}

.indexFeatureSeedsBoxHeadline img {
  display: block;
  height: 100%;
  width: auto;
  max-width: 100%;
}

.indexFeatureSeedsBoxTextBox {
  width: 100%;
  margin: 0px auto;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

@media screen and (max-width: 486px) {
  .indexFeatureSeedsBoxTextBox {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .indexFeatureSeedsBoxTextBox {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media screen and (min-width: 769px) {
  .indexFeatureSeedsBoxTextBox {
    font-size: 14px;
  }
}

@media only screen and (max-width: 486px) {
  .indexFeatureSeedsBoxTextBox {
    flex-wrap: wrap;
  }
}

.indexFeatureSeedsBoxTextBoxMainTextBox {
  flex-basis: 70%;
}

@media only screen and (max-width: 486px) {
  .indexFeatureSeedsBoxTextBoxMainTextBox {
    flex-basis: 90%;
    width: 100%;
  }
}

.indexFeatureSeedsBoxTextBoxHeadline {
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: 1em;
}

.indexFeatureSeedsBoxTextBoxHeadline:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  border-top: 1px solid #1111CC;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.indexFeatureSeedsBoxTextBoxHeadline strong {
  position: relative;
  z-index: 10;
  display: inline-block;
  font-weight: 700;
  color: #1111CC;
  background-color: #ffffff;
  padding: 0 0.75em 0 0;
}

@media screen and (max-width: 486px) {
  .indexFeatureSeedsBoxTextBoxHeadline strong {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .indexFeatureSeedsBoxTextBoxHeadline strong {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media screen and (min-width: 769px) {
  .indexFeatureSeedsBoxTextBoxHeadline strong {
    font-size: 14px;
  }
}

.indexFeatureSeedsBoxTextBoxMainText {
  margin: 0px auto;
  display: block;
  line-height: 200%;
  letter-spacing: 0.02em;
}

@media screen and (max-width: 486px) {
  .indexFeatureSeedsBoxTextBoxMainText {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .indexFeatureSeedsBoxTextBoxMainText {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media screen and (min-width: 769px) {
  .indexFeatureSeedsBoxTextBoxMainText {
    font-size: 14px;
  }
}

.indexFeatureSeedsBoxProfileBox {
  flex-basis: 30%;
}

@media only screen and (max-width: 486px) {
  .indexFeatureSeedsBoxProfileBox {
    flex-basis: 90%;
    margin: 1em 0;
  }
}

.indexFeatureSeedsBoxProfileBoxImg {
  margin: 0px auto;
  display: block;
  width: 90%;
  max-width: 120px;
}

@media only screen and (max-width: 486px) {
  .indexFeatureSeedsBoxProfileBoxImg {
    display: inline-block;
    width: 20vw;
  }
}

.indexFeatureSeedsBoxProfileText {
  margin: 0px auto;
  display: block;
  text-align: center;
  font-weight: 900;
  padding: 0.5em;
  padding-top: 1em;
}

@media screen and (max-width: 486px) {
  .indexFeatureSeedsBoxProfileText {
    font-size: 12px;
    font-size: 2.962962963vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .indexFeatureSeedsBoxProfileText {
    font-size: 12px;
    font-size: 1.5625vw;
  }
}

@media screen and (min-width: 769px) {
  .indexFeatureSeedsBoxProfileText {
    font-size: 12px;
  }
}

.indexFeatureSeedsBoxProfileText strong {
  margin: 0px auto;
  display: block;
  padding-top: 0.5em;
}

@media screen and (max-width: 486px) {
  .indexFeatureSeedsBoxProfileText strong {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .indexFeatureSeedsBoxProfileText strong {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media screen and (min-width: 769px) {
  .indexFeatureSeedsBoxProfileText strong {
    font-size: 14px;
  }
}

@media only screen and (max-width: 486px) {
  .indexFeatureSeedsBoxProfileText {
    display: inline-block;
    padding: 1em 0 0 0;
  }

  .indexFeatureSeedsBoxProfileText strong {
    display: block;
    margin: 0;
    text-align: left;
  }
}

.indexMessagebanner {
  transition: all 0.3s ease-in-out;
  -webkit-transition: -webkit-transform all 0.3s ease-in-out;
  margin: 0px auto;
  display: block;
  margin: 0px auto;
  display: block;
  max-width: 900px;
  width: 90%;
  background: #ffffff;
  border-left: 10px solid #1111CC;
}

@media only screen and (max-width: 486px) {
  .indexMessagebanner {
    border-left: 4px solid #1111CC;
  }
}

.indexMessagebanner:hover {
  border-left: 10px solid #2B83CC;
}

@media only screen and (max-width: 486px) {
  .indexMessagebanner:hover {
    border-left: 4px solid #2B83CC;
  }
}

.indexMessagebannerInner {
  margin: 0px auto;
  display: block;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-around;
  transition: all 0.3s ease-in-out;
  -webkit-transition: -webkit-transform all 0.3s ease-in-out;
}

@media screen and (max-width: 768px) {
  .indexMessagebannerInner {
    margin-top: 7.5vw;
  }
}

@media screen and (min-width: 769px) {
  .indexMessagebannerInner {
    margin-top: 60px;
  }
}

@media screen and (max-width: 768px) {
  .indexMessagebannerInner {
    margin-bottom: 7.5vw;
  }
}

@media screen and (min-width: 769px) {
  .indexMessagebannerInner {
    margin-bottom: 60px;
  }
}

.indexMessagebannerInner * {
  transition: all 0.3s ease-in-out;
  -webkit-transition: -webkit-transform all 0.3s ease-in-out;
}

.indexMessagebannerInner:hover .indexMessagebannerInnerBtn {
  background: #2B83CC;
}

.indexMessagebannerInner:hover .indexMessagebannerInnerBtn:after {
  right: 0.25em;
}

.indexMessagebannerInner:hover .indexMessagebannerTextBoxSubLine,
.indexMessagebannerInner:hover .indexMessagebannerTextTitle,
.indexMessagebannerInner:hover .indexMessagebannerTextBoxManager {
  color: #2B83CC;
  letter-spacing: 0.04em;
}

.indexMessagebannerImgBox {
  flex-basis: 20%;
  position: relative;
}

@media only screen and (max-width: 486px) {
  .indexMessagebannerImgBox {
    flex-basis: 30%;
  }
}

.indexMessagebannerImgBox img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0px auto;
  display: block;
  width: 80%;
  height: auto;
}

.indexMessagebannerTextBox {
  flex-basis: 57%;
  margin-right: 3%;
  align-self: center;
  color: #1111CC;
}

@media only screen and (max-width: 486px) {
  .indexMessagebannerTextBox {
    flex-basis: 60%;
  }
}

.indexMessagebannerTextBoxSubLine {
  display: block;
  font-weight: 700;
  padding-top: 1em;
  padding-bottom: 0.75em;
  padding-left: 10px;
}

@media screen and (max-width: 486px) {
  .indexMessagebannerTextBoxSubLine {
    font-size: 12px;
    font-size: 2.962962963vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .indexMessagebannerTextBoxSubLine {
    font-size: 12px;
    font-size: 1.5625vw;
  }
}

@media screen and (min-width: 769px) {
  .indexMessagebannerTextBoxSubLine {
    font-size: 12px;
  }
}

@media only screen and (max-width: 486px) {
  .indexMessagebannerTextBoxSubLine {
    padding-left: 5px;
  }
}

.indexMessagebannerTextTitle {
  display: block;
  font-weight: 900;
  line-height: 135%;
  padding-left: 10px;
}

@media screen and (max-width: 486px) {
  .indexMessagebannerTextTitle {
    font-size: 26px;
    font-size: 6.4197530864vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .indexMessagebannerTextTitle {
    font-size: 26px;
    font-size: 3.3854166667vw;
  }
}

@media screen and (min-width: 769px) {
  .indexMessagebannerTextTitle {
    font-size: 26px;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .indexMessagebannerTextTitle {
    font-size: 18px;
    font-size: 4.4444444444vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .indexMessagebannerTextTitle {
    font-size: 18px;
    font-size: 2.34375vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .indexMessagebannerTextTitle {
    font-size: 18px;
  }
}

@media only screen and (max-width: 486px) {
  .indexMessagebannerTextTitle {
    padding-left: 5px;
  }
}

.indexMessagebannerTextBoxManager {
  display: block;
  font-weight: 500;
  padding-top: 0.75em;
  padding-left: 10px;
  padding-bottom: 1em;
}

@media screen and (max-width: 486px) {
  .indexMessagebannerTextBoxManager {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .indexMessagebannerTextBoxManager {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media screen and (min-width: 769px) {
  .indexMessagebannerTextBoxManager {
    font-size: 14px;
  }
}

@media only screen and (max-width: 486px) {
  .indexMessagebannerTextBoxManager {
    padding-left: 5px;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .indexMessagebannerTextBoxManager {
    font-size: 10px;
    font-size: 2.4691358025vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .indexMessagebannerTextBoxManager {
    font-size: 10px;
    font-size: 1.3020833333vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .indexMessagebannerTextBoxManager {
    font-size: 10px;
  }
}

.indexMessagebannerInnerBtn {
  flex-basis: 20%;
  background-color: #1111CC;
  color: #ffffff;
  text-align: center;
  align-self: stretch;
  position: relative;
}

@media only screen and (max-width: 486px) {
  .indexMessagebannerInnerBtn {
    flex-basis: 10%;
  }
}

@media screen and (max-width: 486px) {
  .indexMessagebannerInnerBtn {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .indexMessagebannerInnerBtn {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media screen and (min-width: 769px) {
  .indexMessagebannerInnerBtn {
    font-size: 16px;
  }
}

.indexMessagebannerInnerBtn:after {
  transition: all 0.3s ease-in-out;
  -webkit-transition: -webkit-transform all 0.3s ease-in-out;
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
  /* IEサポート */
  font-feature-settings: "liga";
  content: "keyboard_arrow_right";
  display: block;
  position: absolute;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.5em;
}

@media only screen and (max-width: 486px) {
  .indexMessagebannerInnerBtn:after {
    right: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

.indexMessagebannerInnerBtn span {
  display: block;
  width: 100%;
  text-align: center;
  position: absolute;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

@media only screen and (max-width: 486px) {
  .indexMessagebannerInnerBtn span {
    display: none;
  }
}

.indexSeedsWrap {
  margin: 0px auto;
  display: block;
}

@media screen and (max-width: 768px) {
  .indexSeedsWrap {
    margin-top: 10vw;
    margin-bottom: 10vw;
  }
}

@media screen and (min-width: 769px) {
  .indexSeedsWrap {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}

.indexSeedsHeadline {
  margin: 0px auto;
  display: block;
  position: relative;
}

.indexSeedsHeadline:before {
  content: "";
  z-index: 3;
  display: block;
  width: 100%;
  height: 1px;
  border-top: 1px solid #1111CC;
  position: absolute;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

@media only screen and (max-width: 486px) {
  .indexSeedsHeadline:before {
    display: block;
    position: static;
    top: 0;
    transform: none;
    border-top: 2px solid #1111CC;
    margin-bottom: 1em;
  }
}

.indexSeedsHeadlineInner {
  margin: 0px auto;
  display: block;
  margin: 0px auto;
  display: block;
  max-width: 900px;
  width: 90%;
  position: relative;
  z-index: 5;
}

@media screen and (max-width: 486px) {
  .indexSeedsHeadlineInner {
    font-size: 60px;
    font-size: 14.8148148148vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .indexSeedsHeadlineInner {
    font-size: 60px;
    font-size: 7.8125vw;
  }
}

@media screen and (min-width: 769px) {
  .indexSeedsHeadlineInner {
    font-size: 60px;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .indexSeedsHeadlineInner {
    font-size: 32px;
    font-size: 7.9012345679vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .indexSeedsHeadlineInner {
    font-size: 32px;
    font-size: 4.1666666667vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .indexSeedsHeadlineInner {
    font-size: 32px;
  }
}

.indexSeedsHeadlineInner .indexSeedsHeadlineInnerImgWrap {
  display: block;
  width: 5em;
}

.indexSeedsHeadlineInner img {
  display: block;
  width: 100%;
}

.indexSeedsHeadlineInner strong {
  display: block;
  font-weight: 700;
  color: #1111CC;
  padding-top: 0.5em;
}

@media screen and (max-width: 486px) {
  .indexSeedsHeadlineInner strong {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .indexSeedsHeadlineInner strong {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media screen and (min-width: 769px) {
  .indexSeedsHeadlineInner strong {
    font-size: 16px;
  }
}

.indexSeedsTextWrap {
  margin: 0px auto;
  display: block;
  margin: 0px auto;
  display: block;
  max-width: 900px;
  width: 90%;
  position: relative;
  z-index: 6;
}

@media screen and (max-width: 768px) {
  .indexSeedsTextWrap {
    margin-top: 3.75vw;
  }
}

@media screen and (min-width: 769px) {
  .indexSeedsTextWrap {
    margin-top: 30px;
  }
}

.indexSeedsMainTextBox {
  display: block;
  position: relative;
  padding-top: 1em;
}

.indexSeedsMainTextHeadline {
  display: block;
  width: 63%;
  color: #1111CC;
  font-weight: 700;
  line-height: 150%;
  padding-bottom: 1em;
}

@media only screen and (max-width: 486px) {
  .indexSeedsMainTextHeadline {
    width: 100%;
    padding-bottom: 0.5em;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .indexSeedsMainTextHeadline {
    font-size: 18px;
    font-size: 4.4444444444vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .indexSeedsMainTextHeadline {
    font-size: 18px;
    font-size: 2.34375vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .indexSeedsMainTextHeadline {
    font-size: 18px;
  }
}

@media screen and (max-width: 486px) {
  .indexSeedsMainTextHeadline {
    font-size: 24px;
    font-size: 5.9259259259vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .indexSeedsMainTextHeadline {
    font-size: 24px;
    font-size: 3.125vw;
  }
}

@media screen and (min-width: 769px) {
  .indexSeedsMainTextHeadline {
    font-size: 24px;
  }
}

.indexSeedsMainText {
  display: block;
  width: 63%;
  line-height: 200%;
  font-weight: 500;
}

@media only screen and (max-width: 486px) {
  .indexSeedsMainText {
    width: 100%;
  }
}

@media screen and (max-width: 486px) {
  .indexSeedsMainText {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .indexSeedsMainText {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media screen and (min-width: 769px) {
  .indexSeedsMainText {
    font-size: 16px;
  }
}

.indexSeedsMainTextImg {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 35%;
}

@media only screen and (max-width: 486px) {
  .indexSeedsMainTextImg {
    top: -30%;
    width: 30%;
  }
}

.seedsIconWrap {
  margin: 0px auto;
  display: block;
  margin: 0px auto;
  display: block;
  max-width: 900px;
  width: 90%;
}

.ajaxMessage {
  margin: 0px auto;
  display: block;
  margin: 0px auto;
  display: block;
  max-width: 900px;
  width: 90%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  text-align: center;
  justify-content: center;
  padding: 1em 0;
  display: none;
  visibility: hidden;
}

.ajaxMessage span {
  color: #557B8E;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 150%;
}

@media screen and (max-width: 486px) {
  .ajaxMessage span {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .ajaxMessage span {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media screen and (min-width: 769px) {
  .ajaxMessage span {
    font-size: 14px;
  }
}

.ajaxMessage a {
  text-decoration: underline;
  color: #1111CC;
}

.ajaxMessage.visible {
  display: block;
  visibility: visible;
}

.ajaxLoading {
  margin: 0px auto;
  display: block;
  margin: 0px auto;
  display: block;
  max-width: 900px;
  width: 90%;
  visibility: hidden;
  display: none;
}

@media screen and (max-width: 768px) {
  .ajaxLoading {
    margin-top: 2.5vw;
    margin-bottom: 2.5vw;
  }
}

@media screen and (min-width: 769px) {
  .ajaxLoading {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

.ajaxLoading div {
  margin: 0px auto;
  display: block;
  font-size: 0;
  width: 80px;
  height: 12px;
  border-radius: 12px;
  background: linear-gradient(to right, #2B83CC, #1111CC);
  position: relative;
  overflow: hidden;
}

.ajaxLoading div span {
  position: absolute;
  display: block;
  top: 0;
  left: -24px;
  width: 12px;
  height: 12px;
  background: #D8E0ED;
  border-radius: 12px;
  animation: loadingObj 3s ease-in-out infinite;
}

.ajaxLoading.visible {
  display: block;
  visibility: visible;
}

@keyframes loadingObj {
  0% {
    left: -50px;
  }

  70% {
    left: 140%;
  }

  100% {
    left: 140%;
  }
}

.ajaxDateSaveHtml,
.ajaxDateSaveNum {
  visibility: hidden;
}

.seedsSearchBox {
  margin: 0px auto;
  display: block;
  margin: 0px auto;
  display: block;
  max-width: 900px;
  width: 90%;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #1111CC;
}

@media screen and (max-width: 768px) {
  .seedsSearchBox {
    margin-bottom: 5vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsSearchBox {
    margin-bottom: 40px;
  }
}

.seedsSearchBoxTextBoxWrap {
  margin: 0px auto;
  display: block;
  margin: 0px auto;
  display: block;
  max-width: 900px;
  width: 90%;
  position: relative;
  width: 100%;
}

.seedsSearchBoxTextBox {
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: none;
  appearance: none;
  -webkit-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  border: 0;
  outline: none;
  padding: 0;
  background: transparent;
  position: relative;
  display: block;
  width: 100%;
  height: 40px;
  font-size: 16px;
  font-weight: 700;
  padding: 0.25em 2em 0.25em 0.5em;
  background: rgba(255, 255, 255, 0.6);
}

.seedsSearchBoxTextBox::-ms-expand {
  display: none;
}

.seedsSearchBoxBtn {
  -webkit-box-sizing: content-box;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  box-sizing: border-box;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  font-size: 0;
  position: absolute;
  top: 0;
  right: 0;
}

.seedsSearchBoxBtn::-webkit-search-decoration {
  display: none;
}

.seedsSearchBoxBtn:focus {
  outline-offset: -2px;
}

.seedsSearchBoxBtn:after {
  display: block;
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
  /* IEサポート */
  font-feature-settings: "liga";
  content: "search";
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #1111CC;
}

@media screen and (max-width: 486px) {
  .seedsSearchBoxBtn:after {
    font-size: 24px;
    font-size: 5.9259259259vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .seedsSearchBoxBtn:after {
    font-size: 24px;
    font-size: 3.125vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsSearchBoxBtn:after {
    font-size: 24px;
  }
}

.seedsCountBox {
  background-color: #D8E0ED;
  padding: 1em;
  margin: 0px auto;
  display: block;
  margin: 0px auto;
  display: block;
  max-width: 900px;
  width: 90%;
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #557B8E;
  position: sticky;
  z-index: 100;
  top: 0;
}

@media screen and (max-width: 768px) {
  .seedsCountBox {
    margin-top: 2.5vw;
    margin-bottom: 2.5vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsCountBox {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 486px) {
  .seedsCountBox {
    font-size: 18px;
    font-size: 4.4444444444vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .seedsCountBox {
    font-size: 18px;
    font-size: 2.34375vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsCountBox {
    font-size: 18px;
  }
}

.notfoundWrap {
  margin: 0px auto;
  display: block;
  position: relative;
  width: 100%;
  height: 80vh;
  min-height: 600px;
}

.notfoundWrap .nopostBox {
  position: absolute;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0;
}

.nopostBox {
  margin: 0px auto;
  display: block;
  margin: 0px auto;
  display: block;
  max-width: 900px;
  width: 90%;
  position: relative;
}

@media screen and (max-width: 768px) {
  .nopostBox {
    padding-top: 10vw;
    padding-bottom: 10vw;
  }
}

@media screen and (min-width: 769px) {
  .nopostBox {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.nopostHeadline {
  margin: 0px auto;
  display: block;
  width: 100%;
  position: relative;
}

.nopostHeadlineEng {
  margin: 0px auto;
  display: block;
  text-align: center;
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  font-style: italic;
  color: #ffffff;
}

@media screen and (max-width: 486px) {
  .nopostHeadlineEng {
    font-size: 120px;
    font-size: 29.6296296296vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .nopostHeadlineEng {
    font-size: 120px;
    font-size: 15.625vw;
  }
}

@media screen and (min-width: 769px) {
  .nopostHeadlineEng {
    font-size: 120px;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .nopostHeadlineEng {
    font-size: 60px;
    font-size: 14.8148148148vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .nopostHeadlineEng {
    font-size: 60px;
    font-size: 7.8125vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .nopostHeadlineEng {
    font-size: 60px;
  }
}

.nopostHeadlineJp {
  margin: 0px auto;
  display: block;
  padding: 1em;
  color: #1111CC;
  font-weight: 400;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  line-height: 150%;
}

@media screen and (max-width: 486px) {
  .nopostHeadlineJp {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .nopostHeadlineJp {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media screen and (min-width: 769px) {
  .nopostHeadlineJp {
    font-size: 14px;
  }
}

.nopostBoxLinkList {
  margin: 0px auto;
  display: block;
  border-top: 1px solid #557B8E;
  padding-top: 1em;
}

@media screen and (max-width: 768px) {
  .nopostBoxLinkList {
    margin-top: 2.5vw;
  }
}

@media screen and (min-width: 769px) {
  .nopostBoxLinkList {
    margin-top: 20px;
  }
}

.nopostBoxLinkLine {
  margin: 0px auto;
  display: block;
  padding: 0.2em 0 0.8em 0;
}

@media screen and (max-width: 486px) {
  .nopostBoxLinkLine {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .nopostBoxLinkLine {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media screen and (min-width: 769px) {
  .nopostBoxLinkLine {
    font-size: 16px;
  }
}

.nopostBoxLinkLine a {
  position: relative;
  padding-left: 1.5em;
  color: #1111CC;
  font-weight: 700;
}

.nopostBoxLinkLine a:before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
  /* IEサポート */
  font-feature-settings: "liga";
  content: "keyboard_arrow_right";
  position: absolute;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.contactFlowList {
  margin: 0px auto;
  display: block;
  margin: 0px auto;
  display: block;
  max-width: 900px;
  width: 90%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-around;
}

@media screen and (max-width: 768px) {
  .contactFlowList {
    margin-top: 5vw;
    margin-bottom: 5vw;
  }
}

@media screen and (min-width: 769px) {
  .contactFlowList {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 486px) and (max-width: 768px) {
  .contactFlowList {
    margin-top: 10vw;
    margin-bottom: 10vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .contactFlowList {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}

.contactFlowLine {
  flex-basis: 100%;
  width: 100%;
}

.contactFlowLine span {
  display: inline-block;
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  font-weight: 400;
  font-style: italic;
  vertical-align: center;
  letter-spacing: 0.03em;
  padding-right: 0.2em;
}

@media screen and (max-width: 486px) {
  .contactFlowLine span {
    font-size: 30px;
    font-size: 7.4074074074vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .contactFlowLine span {
    font-size: 30px;
    font-size: 3.90625vw;
  }
}

@media screen and (min-width: 769px) {
  .contactFlowLine span {
    font-size: 30px;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .contactFlowLine span {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .contactFlowLine span {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .contactFlowLine span {
    font-size: 14px;
  }
}

.contactFlowLine div {
  display: block;
  width: 100%;
  padding: 1em;
  text-align: center;
  font-weight: bold;
  background-color: #557B8E;
  color: #B2B2B2;
  position: relative;
}

@media screen and (max-width: 486px) {
  .contactFlowLine div {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .contactFlowLine div {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media screen and (min-width: 769px) {
  .contactFlowLine div {
    font-size: 16px;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .contactFlowLine div {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .contactFlowLine div {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .contactFlowLine div {
    font-size: 14px;
  }
}

.contactFlowLine.current div {
  background: #ffffff;
  color: #1111CC;
  position: relative;
}

.contactFlowLine.current div:after {
  content: "";
  position: absolute;
  display: block;
  border-left: 1em solid transparent;
  border-right: 1em solid transparent;
  border-top: 1em solid #ffffff;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 99%);
}

.contactFormConfirmText {
  margin: 0px auto;
  display: block;
  margin: 0px auto;
  display: block;
  max-width: 900px;
  width: 90%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  font-weight: 400;
  color: #1111CC;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .contactFormConfirmText {
    margin-top: 5vw;
  }
}

@media screen and (min-width: 769px) {
  .contactFormConfirmText {
    margin-top: 40px;
  }
}

@media screen and (max-width: 768px) {
  .contactFormConfirmText {
    margin-bottom: 2.5vw;
  }
}

@media screen and (min-width: 769px) {
  .contactFormConfirmText {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 486px) {
  .contactFormConfirmText {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .contactFormConfirmText {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media screen and (min-width: 769px) {
  .contactFormConfirmText {
    font-size: 16px;
  }
}

.aboutExternalCommnetVideoBox {
  margin: 0px auto;
  display: block;
  position: relative;
  padding-top: 56.25%;
}

.aboutExternalCommnetVideoBox iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.aboutExternalCommnetText {
  margin: 0px auto;
  display: block;
  line-height: 150%;
  color: #585858;
  padding: 1em 0 0 0;
}

@media screen and (max-width: 486px) {
  .aboutExternalCommnetText {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .aboutExternalCommnetText {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media screen and (min-width: 769px) {
  .aboutExternalCommnetText {
    font-size: 14px;
  }
}

.aboutExternalCommnetText a {
  font-weight: 700;
  color: #1111CC;
  text-decoration: underline !important;
}

.seedsNav2021 {
  margin: 0px auto;
  display: block;
  max-width: 900px;
  width: 90%;
}

@media screen and (max-width: 768px) {
  .seedsNav2021 {
    margin-top: 7.5vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsNav2021 {
    margin-top: 60px;
  }
}

.seedsNavMainBtn {
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  -webkit-transition: -webkit-transform all 0.3s ease-in-out;
  -webkit-box-sizing: content-box;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  box-sizing: border-box;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  margin: 0px auto;
  display: block;
  width: 100%;
  padding: 1em;
  text-align: center;
  background-color: #2B83CC;
  color: #ffffff;
  font-weight: 700;
  position: relative;
  border-radius: 100px;
}

.seedsNavMainBtn::-webkit-search-decoration {
  display: none;
}

.seedsNavMainBtn:focus {
  outline-offset: -2px;
}

@media screen and (max-width: 486px) {
  .seedsNavMainBtn {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .seedsNavMainBtn {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsNavMainBtn {
    font-size: 14px;
  }
}

.seedsNavMainBtn:after {
  transition: all 0.3s ease-in-out;
  -webkit-transition: -webkit-transform all 0.3s ease-in-out;
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
  /* IEサポート */
  font-feature-settings: "liga";
  content: "keyboard_arrow_down";
  position: absolute;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.75em;
}

.open .seedsNavMainBtn {
  border-radius: 0.5em 0.5em 0 0;
}

.open .seedsNavMainBtn:after {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
  /* IEサポート */
  font-feature-settings: "liga";
  content: "keyboard_arrow_up";
  position: absolute;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.75em;
}

.seedsNavBox {
  margin: 0px auto;
  display: block;
  background-color: #ffffff;
  padding: 1em;
  border-radius: 0 0 0.5em 0.5em;
  max-height: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  -webkit-transition: -webkit-transform all 0.3s ease-in-out;
  opacity: 0;
}

.open .seedsNavBox {
  max-height: 1000px;
  visibility: visible;
  opacity: 1;
}

.seedsNavBoxInner {
  margin: 0px auto;
  display: block;
}

.seedsNavBoxInner:not(:first-of-type) {
  margin-top: 1.5em;
}

.seedsNavBoxInnerHeadline {
  margin: 0px auto;
  display: block;
  font-weight: 700;
  color: #1111CC;
  padding: 0.5em 0 0.5em 0;
  border-bottom: 1px solid #1111CC;
  margin-bottom: 1em;
}

@media screen and (max-width: 486px) {
  .seedsNavBoxInnerHeadline {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .seedsNavBoxInnerHeadline {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsNavBoxInnerHeadline {
    font-size: 16px;
  }
}

.seedsNavBoxList {
  margin: 0px auto;
  display: block;
}

.seedsNavBoxLine {
  display: inline-block;
  border: 1px solid #e8eef3;
  margin-bottom: 0.5em;
}

.seedsNavBoxcheckLabel {
  cursor: pointer;
  display: inline-block;
  margin: 0 !important;
  padding: 0.5em 1em 0.5em 1.7em;
  font-weight: 700;
  position: relative;
  transition: all 0.3s ease-in-out;
  -webkit-transition: -webkit-transform all 0.3s ease-in-out;
}

.seedsNavBoxcheckLabel::before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
  /* IEサポート */
  font-feature-settings: "liga";
  content: "check_box_outline_blank";
  position: absolute;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.5vw;
  color: #B2B2B2;
  transition: all 0.3s ease-in-out;
  -webkit-transition: -webkit-transform all 0.3s ease-in-out;
}

.seedsNavBoxcheck:checked+.seedsNavBoxcheckLabel {
  background-color: #1111CC;
  color: #ffffff;
}

.seedsNavBoxcheck:checked+.seedsNavBoxcheckLabel:before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
  /* IEサポート */
  font-feature-settings: "liga";
  content: "check_box";
  color: #ffffff;
}

.seedsNavBoxcheck {
  display: none;
}

.seedsNavBoxcheckText {
  display: inline-block;
  padding: 0;
  margin: 0;
  line-height: 1;
}

@media screen and (max-width: 486px) {
  .seedsNavBoxcheckText {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .seedsNavBoxcheckText {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsNavBoxcheckText {
    font-size: 14px;
  }
}

.seedsDetailCTAWrap {
  margin: 0px auto;
  display: block;
  margin: 0px auto;
  display: block;
  max-width: 900px;
  width: 90%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  .seedsDetailCTAWrap {
    margin-top: 2.5vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsDetailCTAWrap {
    margin-top: 20px;
  }
}

@media screen and (max-width: 768px) {
  .seedsDetailCTAWrap {
    margin-bottom: 5vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsDetailCTAWrap {
    margin-bottom: 40px;
  }
}

.seedsDetailCTABox {
  flex-basis: 48%;
}

@media only screen and (max-width: 486px) {
  .seedsDetailCTABox {
    flex-basis: 100%;
  }
}

@media only screen and (max-width: 486px) and (max-width: 768px) {
  .seedsDetailCTABox {
    margin-top: 5vw;
    margin-bottom: 5vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .seedsDetailCTABox {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

.seedsDetailCTABoxHeadline {
  display: block;
  text-align: center;
  margin-bottom: 1em;
  font-weight: 700;
  color: #1111CC;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #ffffff;
}

@media screen and (max-width: 486px) {
  .seedsDetailCTABoxHeadline {
    font-size: 18px;
    font-size: 4.4444444444vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .seedsDetailCTABoxHeadline {
    font-size: 18px;
    font-size: 2.34375vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsDetailCTABoxHeadline {
    font-size: 18px;
  }
}

@media only screen and (max-width: 486px) {
  .seedsDetailCTABoxHeadline {
    flex-basis: 100%;
    line-height: 1.8;
    text-align: left;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .seedsDetailCTABoxHeadline {
    font-size: 15px;
    font-size: 3.7037037037vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .seedsDetailCTABoxHeadline {
    font-size: 15px;
    font-size: 1.953125vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .seedsDetailCTABoxHeadline {
    font-size: 15px;
  }
}

.seedsDetailCTABoxText {
  display: block;
  line-height: 1.8;
  height: 5em;
  min-height: 5em;
}

@media screen and (max-width: 486px) {
  .seedsDetailCTABoxText {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .seedsDetailCTABoxText {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsDetailCTABoxText {
    font-size: 14px;
  }
}

.seedsDetailCTABoxBtn {
  margin: 0px auto;
  display: block;
  text-align: center;
  border: 1px solid #1111CC;
  color: #1111CC;
  font-weight: 700;
  padding: 1em;
  position: relative;
  transition: all 0.3s ease-in-out;
  -webkit-transition: -webkit-transform all 0.3s ease-in-out;
}

@media screen and (max-width: 486px) {
  .seedsDetailCTABoxBtn {
    font-size: 15px;
    font-size: 3.7037037037vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .seedsDetailCTABoxBtn {
    font-size: 15px;
    font-size: 1.953125vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsDetailCTABoxBtn {
    font-size: 15px;
  }
}

.seedsDetailCTABoxBtn:after {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
  /* IEサポート */
  font-feature-settings: "liga";
  content: "keyboard_arrow_right";
  position: absolute;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.5em;
  color: #1111CC;
  transition: all 0.3s ease-in-out;
  -webkit-transition: -webkit-transform all 0.3s ease-in-out;
}

@media screen and (max-width: 486px) {
  .seedsDetailCTABoxBtn:after {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .seedsDetailCTABoxBtn:after {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsDetailCTABoxBtn:after {
    font-size: 16px;
  }
}

.seedsDetailCTABoxBtn:hover {
  background-color: #2B83CC;
  color: #ffffff;
  opacity: 1;
}

.seedsDetailCTABoxBtn:hover:after {
  color: #1111CC;
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .seedsDetailCTABoxBtn {
    font-size: 12px;
    font-size: 2.962962963vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .seedsDetailCTABoxBtn {
    font-size: 12px;
    font-size: 1.5625vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .seedsDetailCTABoxBtn {
    font-size: 12px;
  }
}

.seedsDetailCTALarge {
  margin: 0px auto;
  display: block;
  max-width: 900px;
  width: 90%;
}

@media screen and (max-width: 768px) {
  .seedsDetailCTALarge {
    padding-top: 2.5vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsDetailCTALarge {
    padding-top: 20px;
  }
}

.seedsDetailLabBtn {
  display: inline-block;
  padding: 0.6em 2em;
  margin-left: 0.8em;
  background: #ffffff;
  border-radius: 100px;
  position: relative;
}

@media screen and (max-width: 486px) {
  .seedsDetailLabBtn {
    font-size: 12px;
    font-size: 2.962962963vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .seedsDetailLabBtn {
    font-size: 12px;
    font-size: 1.5625vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsDetailLabBtn {
    font-size: 12px;
  }
}

.seedsDetailLabBtn:after {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
  /* IEサポート */
  font-feature-settings: "liga";
  content: "keyboard_arrow_right";
  position: absolute;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.5em;
  color: #1111CC;
  transition: all 0.3s ease-in-out;
  -webkit-transition: -webkit-transform all 0.3s ease-in-out;
}

@media screen and (max-width: 486px) {
  .seedsDetailLabBtn:after {
    font-size: 12px;
    font-size: 2.962962963vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .seedsDetailLabBtn:after {
    font-size: 12px;
    font-size: 1.5625vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsDetailLabBtn:after {
    font-size: 12px;
  }
}

@media only screen and (max-width: 486px) {
  .seedsDetailLabBtn {
    margin-left: 0;
  }
}

.indexCollaboraionNextBtnWrap {
  margin: 0px auto;
  display: block;
}

.seedsNavBoxBtnWrap {
  margin: 0px auto;
  display: block;
  margin-top: 1em;
  text-align: center;
}

.seedsNavBoxBtn {
  -webkit-box-sizing: content-box;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  box-sizing: border-box;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  display: inline-block;
  padding: 0.75em 2.5em;
  background-color: #1111CC;
  color: #ffffff;
  text-align: center;
  font-weight: 700;
}

.seedsNavBoxBtn::-webkit-search-decoration {
  display: none;
}

.seedsNavBoxBtn:focus {
  outline-offset: -2px;
}

@media screen and (max-width: 486px) {
  .seedsNavBoxBtn {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .seedsNavBoxBtn {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media screen and (min-width: 769px) {
  .seedsNavBoxBtn {
    font-size: 14px;
  }
}

.lectureSpeakerInfoBox {
  margin: 0px auto;
  display: block;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

@media only screen and (max-width: 486px) {
  .lectureSpeakerInfoBox {
    flex-wrap: wrap;
  }
}

.lectureSpeakerImgBox {
  flex-basis: 150px;
  flex-shrink: 0;
  position: relative;
  padding-top: 150px;
  margin-right: 1em;
  background-color: #ccc;
  border-radius: 1000px;
  overflow: hidden;
}

@media only screen and (max-width: 486px) {
  .lectureSpeakerImgBox {
    flex-basis: 100px;
    padding-top: 100px;
    margin-bottom: 0.5em;
  }
}

.lectureSpeakerImg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: "object-fit: cover;";
}

.lectureSpeakerNameBox {
  flex-basis: 100%;
}

.lectureSpeakerName {
  display: block;
  font-weight: 700;
}

@media screen and (max-width: 486px) {
  .lectureSpeakerName {
    font-size: 18px;
    font-size: 4.4444444444vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .lectureSpeakerName {
    font-size: 18px;
    font-size: 2.34375vw;
  }
}

@media screen and (min-width: 769px) {
  .lectureSpeakerName {
    font-size: 18px;
  }
}

.lectureSpeakerTitle {
  display: block;
  margin-top: 0.5em;
  line-height: 1.5;
}

.lectureSpeakerTitle span {
  display: inline-block;
  line-height: 1.3;
}

@media screen and (max-width: 486px) {
  .lectureSpeakerTitle span {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .lectureSpeakerTitle span {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media screen and (min-width: 769px) {
  .lectureSpeakerTitle span {
    font-size: 14px;
  }
}

.lectureSpeakerHistoryBox {
  margin: 0px auto;
  display: block;
  margin-top: 1em;
}

.lectureSpeakerHistoryBox ul {
  display: block;
}

.lectureSpeakerHistoryBox li {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  margin-bottom: 0.4em;
  align-items: flex-start;
  line-height: 1.5;
}

.lectureSpeakerHistoryBox li strong {
  margin-right: 1em;
  font-weight: 700;
  flex-shrink: 0;
}

.lectureSpeakerHistoryBox li span,
.lectureSpeakerHistoryBox li div {
  line-height: 1.5;
  font-weight: 500;
}

.lectureSpeakerHistoryBox div {
  line-height: 1.5;
  font-weight: 500;
}

.speechMain {
  margin: 0px auto;
  display: block;
  max-width: 900px;
  width: 90%;
  background-color: #ffffff;
}

@media screen and (max-width: 768px) {
  .speechMain {
    padding: 5vw;
  }
}

@media screen and (min-width: 769px) {
  .speechMain {
    padding: 40px;
  }
}

@media screen and (max-width: 768px) {
  .speechMain {
    margin-bottom: 10vw;
  }
}

@media screen and (min-width: 769px) {
  .speechMain {
    margin-bottom: 80px;
  }
}

.speechMain iframe {
  margin: 0px auto;
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
}

@media screen and (max-width: 768px) {
  .speechMain iframe {
    margin-bottom: 10vw;
  }
}

@media screen and (min-width: 769px) {
  .speechMain iframe {
    margin-bottom: 80px;
  }
}

.speechMain .wp-block-group {
  margin-bottom: 2em;
}

.speechMain .wp-block-group p {
  line-height: 1.5;
}

.speechMain h2 {
  display: block;
  font-weight: bold;
  letter-spacing: 0.02em;
  line-height: 1.5;
  color: #1111CC;
  margin-bottom: 0.7em;
  border-left: 3px #2B83CC solid;
  padding: 0.4em 0.7em;
}

@media screen and (max-width: 486px) {
  .speechMain h2 {
    font-size: 20px;
    font-size: 4.9382716049vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .speechMain h2 {
    font-size: 20px;
    font-size: 2.6041666667vw;
  }
}

@media screen and (min-width: 769px) {
  .speechMain h2 {
    font-size: 20px;
  }
}

.speechMain h3 {
  display: block;
  font-weight: bold;
  letter-spacing: 0.02em;
  line-height: 1.5;
  color: #2F2F2F;
  margin-bottom: 0.4em;
}

@media screen and (max-width: 486px) {
  .speechMain h3 {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .speechMain h3 {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media screen and (min-width: 769px) {
  .speechMain h3 {
    font-size: 16px;
  }
}

.speechArchiveList {
  margin: 0px auto;
  display: block;
  max-width: 900px;
  width: 90%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .speechArchiveList {
    padding-bottom: 10vw;
  }
}

@media screen and (min-width: 769px) {
  .speechArchiveList {
    padding-bottom: 80px;
  }
}

.speechArchiveLine {
  flex: 49% 0 0;
  background-color: #ffffff;
  padding: 1.5em;
  border-radius: 0.2em;
  margin-bottom: 3%;
  filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.15));
}

@media only screen and (max-width: 768px) {
  .speechArchiveLine {
    flex-basis: 100%;
  }
}

@media only screen and (max-width: 486px) {
  .speechArchiveLine {
    flex-basis: 100%;
  }
}

.speechArchiveLineHeadline {
  margin: 0px auto;
  display: block;
}

.speechArchiveLineHeadline em {
  margin: 0px auto;
  display: block;
  text-align: center;
  font-family: "Barlow", sans-serif;
  font-weight: bold;
  color: #2B83CC;
}

@media screen and (max-width: 486px) {
  .speechArchiveLineHeadline em {
    font-size: 100px;
    font-size: 24.6913580247vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .speechArchiveLineHeadline em {
    font-size: 100px;
    font-size: 13.0208333333vw;
  }
}

@media screen and (min-width: 769px) {
  .speechArchiveLineHeadline em {
    font-size: 100px;
  }
}

.speechArchiveLineHeadline span {
  display: block;
  color: #1111CC;
  padding-top: 1.8em;
  padding-bottom: 1em;
  line-height: 1.4;
  font-weight: bold;
}

@media screen and (max-width: 486px) {
  .speechArchiveLineHeadline span {
    font-size: 20px;
    font-size: 4.9382716049vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .speechArchiveLineHeadline span {
    font-size: 20px;
    font-size: 2.6041666667vw;
  }
}

@media screen and (min-width: 769px) {
  .speechArchiveLineHeadline span {
    font-size: 20px;
  }
}

.speechArchiveOverview {
  line-height: 2;
  color: #2F2F2F;
}

@media screen and (max-width: 486px) {
  .speechArchiveOverview {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .speechArchiveOverview {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media screen and (min-width: 769px) {
  .speechArchiveOverview {
    font-size: 16px;
  }
}

.movetoTopBtn {
  position: fixed;
  z-index: 100;
  right: 2.5vw;
  bottom: 2.5vw;
  opacity: 1;
  visibility: visible;
  transition: all 0.4s ease-in-out;
  width: 32px;
  height: 32px;
  border-radius: 9999px;
  background-color: #ffffff;
  border: 1px solid #1111CC;
  filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.2));
}

@media only screen and (max-width: 768px) {
  .movetoTopBtn {
    bottom: 10vw;
  }
}

.movetoTopBtn span {
  font-size: 0;
  visibility: hidden;
}

.movetoTopBtn:before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
  /* IEサポート */
  font-feature-settings: "liga";
  content: "keyboard_arrow_up";
  font-size: 16px;
  display: block;
  position: absolute;
  top: 7px;
  left: 7px;
  color: #1111CC;
}

.movetoTopBtn.hidden {
  opacity: 0;
  visibility: hidden;
}

.indexTopBox {
  margin: 0px auto;
  display: block;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url("common/img/index_left_top.svg"), url("common/img/index_right_top.svg");
  background-size: 16%, 16%;
  background-position: top -5% left 2%, top -5% right -2%;
  background-repeat: no-repeat;
  position: relative;
}

@media screen and (max-width: 768px) {
  .indexTopBox {
    padding-top: 10vw;
  }
}

@media screen and (min-width: 769px) {
  .indexTopBox {
    padding-top: 80px;
  }
}

@media screen and (max-width: 768px) {
  .indexTopBox {
    padding-bottom: 12.5vw;
  }
}

@media screen and (min-width: 769px) {
  .indexTopBox {
    padding-bottom: 100px;
  }
}

@media screen and (max-width: 768px) {
  .indexTopBox {
    margin-bottom: 10vw;
  }
}

@media screen and (min-width: 769px) {
  .indexTopBox {
    margin-bottom: 80px;
  }
}

@media screen and (orientation: portrait) and (max-width: 768px) {
  .indexTopBox {
    padding-bottom: 22.5vw;
  }
}

@media screen and (orientation: portrait) and (min-width: 769px) {
  .indexTopBox {
    padding-bottom: 180px;
  }
}

@media screen and (orientation: portrait) {
  .indexTopBox {
    background-size: 30%, 30%;
  }
}

.indexTopBox:before {
  content: "";
  display: block;
  width: 100%;
  height: 50%;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(10%);
  background: url("common/img/index_left_bottom.svg"), url("common/img/index_right_bottom.svg");
  background-size: 12%, 20%;
  background-position: bottom 0% left 2%, bottom 0% right -2%;
  background-repeat: no-repeat;
}

@media screen and (orientation: portrait) {
  .indexTopBox:before {
    background-size: 25%, 33%;
    background-position: bottom 0% left -2%, bottom 0% right -4%;
  }
}

.indexTopInner {
  flex-basis: 70%;
  position: relative;
  max-width: 900px;
}

.indexTopInner:after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("common/img/indexBgHexagon.svg");
  background-size: 85% 85%;
  background-position: center;
  background-repeat: no-repeat;
  filter: drop-shadow(0 0 20px #ffffff);
}

@media only screen and (max-width: 486px) {
  .indexTopInner {
    flex-basis: 80%;
  }
}

.indexTopContent {
  position: relative;
  z-index: 2;
}

.indexTopLogo {
  width: 80px;
  max-width: 10vw;
  margin: 0px auto;
  display: block;
  position: relative;
  z-index: 2;
}

.indexTopLogo img {
  display: block;
}

.indexTopHeadline {
  margin: 0px auto;
  display: block;
  max-width: 700px;
}

@media screen and (max-width: 768px) {
  .indexTopHeadline {
    margin-top: 7.5vw;
    margin-bottom: 7.5vw;
  }
}

@media screen and (min-width: 769px) {
  .indexTopHeadline {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}

.indexTopHeadline img {
  margin: 0px auto;
  display: block;
}

.indexTopTextBox {
  margin: 0px auto;
  display: block;
}

.indexTopTextBox h2 {
  margin: 0px auto;
  display: block;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  line-height: 1.4;
  letter-spacing: 0.04em;
  font-weight: 600;
  color: #1111CC;
  padding-bottom: 1em;
}

@media screen and (max-width: 486px) {
  .indexTopTextBox h2 {
    font-size: 28px;
    font-size: 6.9135802469vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .indexTopTextBox h2 {
    font-size: 28px;
    font-size: 3.6458333333vw;
  }
}

@media screen and (min-width: 769px) {
  .indexTopTextBox h2 {
    font-size: 28px;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .indexTopTextBox h2 {
    font-size: 18px;
    font-size: 4.4444444444vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .indexTopTextBox h2 {
    font-size: 18px;
    font-size: 2.34375vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .indexTopTextBox h2 {
    font-size: 18px;
  }
}

.indexTopTextBox p {
  color: #2F2F2F;
  line-height: 2;
  letter-spacing: 0.02em;
  padding-bottom: 1em;
}

@media screen and (max-width: 486px) {
  .indexTopTextBox p {
    font-size: 18px;
    font-size: 4.4444444444vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .indexTopTextBox p {
    font-size: 18px;
    font-size: 2.34375vw;
  }
}

@media screen and (min-width: 769px) {
  .indexTopTextBox p {
    font-size: 18px;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .indexTopTextBox p {
    font-size: 14px;
    font-size: 3.4567901235vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .indexTopTextBox p {
    font-size: 14px;
    font-size: 1.8229166667vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .indexTopTextBox p {
    font-size: 14px;
  }
}

.indexTopInfoList {
  display: block;
}

.indexTopInfoLine {
  display: flex;
  align-items: start;
}

.indexTopInfoLine em {
  background-color: #1111CC;
  color: #ffffff;
  padding: 0.4em 1em;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 486px) {
  .indexTopInfoLine em {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .indexTopInfoLine em {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media screen and (min-width: 769px) {
  .indexTopInfoLine em {
    font-size: 16px;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .indexTopInfoLine em {
    font-size: 12px;
    font-size: 2.962962963vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .indexTopInfoLine em {
    font-size: 12px;
    font-size: 1.5625vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .indexTopInfoLine em {
    font-size: 12px;
  }
}

.indexTopInfoLine span {
  color: #2F2F2F;
  padding: 0.4em 1em;
  line-height: 1.6;
  letter-spacing: 0.02em;
}

@media screen and (max-width: 486px) {
  .indexTopInfoLine span {
    font-size: 16px;
    font-size: 3.950617284vw;
  }
}

@media screen and (min-width: 487px) and (max-width: 768px) {
  .indexTopInfoLine span {
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}

@media screen and (min-width: 769px) {
  .indexTopInfoLine span {
    font-size: 16px;
  }
}

@media only screen and (max-width: 486px) and (max-width: 486px) {
  .indexTopInfoLine span {
    font-size: 12px;
    font-size: 2.962962963vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 487px) and (max-width: 768px) {
  .indexTopInfoLine span {
    font-size: 12px;
    font-size: 1.5625vw;
  }
}

@media only screen and (max-width: 486px) and (min-width: 769px) {
  .indexTopInfoLine span {
    font-size: 12px;
  }
}