@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300&text=0123456789&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;700&display=swap");
/* autoprefixer grid: autoplace */
@import url("https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.5.1/build/styles/tokyo-night-dark.min.css");

/*ベース設定*/
header, footer, main, article, aside, section, nav, figure, figcaption {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 100%;
}

h1, h2, h3, h4, h5, h6, th, td, li, dt, dd {
  margin: 0;
  padding: 0;
  font-size: 100%;
  line-height: 1.6em;
}

h2, h3, h4, h5, h6 {
  font-weight: normal;
}

p {
  margin: 0;
  padding: 0;
}

ul, ol {
  margin: 0;
  padding: 0;
}

ul {
  list-style-type: none;
}

dl, form, fieldset, iframe {
  margin: 0;
  padding: 0;
}

fieldset, iframe {
  border-style: none;
}

input[type=text], input[type=input], input[type=reset], input[type=button], textarea, select, button {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ　Ｐゴシック", "MS P Gothic", sans-serif;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

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

th {
  font-weight: normal;
  text-align: left;
}

caption {
  width: 100%;
  text-align: left;
}

strong, em, address {
  font-weight: normal;
  font-style: normal;
}

img {
  border-style: none;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}

* {
  -webkit-tap-highlight-color: transparent;
}

html {
  overflow: auto;
}

body {
  min-width: 980px;
  margin: 0;
  padding: 0 10px;
  color: #202020;
  font-size: 16px;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  overflow-y: hidden;
}

@media only screen and (max-width: 800px) {
  body {
    min-width: 300px;
  }
}
a {
  color: #F4930E;
}

.spOnly {
  display: none;
}

@media only screen and (max-width: 800px) {
  .pcOnly {
    display: none !important;
  }
  .spOnly {
    display: block !important;
  }
}
@media only screen and (min-width: 801px) {
  .mediumOnly, .smallMediumOnly, .smallOnly {
    display: none;
  }
}
@media only screen and (min-width: 641px) {
  .smallOnly {
    display: none;
  }
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .largeOnly, .smallOnly {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  .largeOnly {
    display: none;
  }
}
@media only screen and (max-width: 640px) {
  .largeOnly, .mediumLargeOnly, .mediumOnly {
    display: none;
  }
}
body {
  font-family: "Noto Sans JP", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ　Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 16px;
  line-height: 1.8;
}
@media only screen and (max-width: 640px) {
  body {
    font-size: 14px;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
}

.colored{
  color:#F4930E;
}
.bold {
  font-weight: 500;
}

.xbold {
  font-weight: 700;
}

.ubold {
  font-weight: 900;
}
.annotation {
  color: #707070;
  font-size: 14px;
}
.annotation a {
  color: inherit;
}
main.main {
  display: block;
  margin: 0 -10px;
}
main.main * {
  box-sizing: border-box;
}
main.main img {
  vertical-align: bottom;
}

:where(.main) img[loading=lazy] {
  max-width: 100%;
  height: auto;
}

.inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 60px;
}

@media only screen and (min-width: 641px) and (max-width: 800px) {
  .inner {
    padding: 20px;
  }
}
@media only screen and (max-width: 640px) {
  .inner {
    max-width: 92%;
    padding: 20px 0;
  }
}

/*レイアウト*/


.flex {
  display: flex;
  flex-wrap: wrap;
}
.flex .flex__item {
  margin-right: 40px;
}
.flex--center {
  align-items: center;
}
.flex--justifyCenter {
  justify-content: center;
}
.flex--justifyCenter .flex__item:last-child {
  margin-right: 0;
}
.flex--asymmetry {
  margin-left: -40px;
}
.flex--asymmetry.flex--reverse {
  margin-left: 0;
  margin-right: -40px;
}
.flex--reverse {
  flex-direction: row-reverse;
}
.flex--2col {
  flex-wrap: wrap;
}
.flex--2col .flex__item {
  width: calc(50% - 20px);
  width: calc((100% - 40px) / 2);
}
.flex--2col .flex__item:nth-child(even) {
  margin-right: 0;
}
.flex--2col .flex__item:nth-child(n+3) {
  margin-top: 40px;
}
.flex--2colGutterWide {
  flex-wrap: wrap;
}
.flex--2colGutterWide .flex__item {
  width: calc(50% - 30px);
  width: calc((100% - 60px) / 2);
  margin-right: 60px;
}
.flex--2colGutterWide .flex__item:nth-child(even) {
  margin-right: 0;
}
.flex--2colGutterWide .flex__item:nth-child(n+3) {
  margin-top: 40px;
}
.flex--reverse.flex--2col .flex__item:nth-child(even) {
  margin-right: 40px;
}
.flex--reverse.flex--2col .flex__item:nth-child(odd) {
  margin-right: 0;
}
.flex--reverse.flex--2colGutterWide .flex__item:nth-child(even) {
  margin-right: 60px;
}
.flex--reverse.flex--2colGutterWide .flex__item:nth-child(odd) {
  margin-right: 0;
}
.flex--3col {
  flex-wrap: wrap;
}
.flex--3col .flex__item {
  width: calc(33.333% - 26.6666666667px);
  width: calc((100% - 80px) / 3);
}
.flex--3col .flex__item:nth-child(3n) {
  margin-right: 0;
}
.flex--3col .flex__item:nth-child(n+4) {
  margin-top: 40px;
}
.flex--3colGutterWide {
  flex-wrap: wrap;
}
.flex--3colGutterWide .flex__item {
  width: calc(33.333% - 40px);
  width: calc((100% - 120px) / 3);
  margin-right: 60px;
}
.flex--3colGutterWide .flex__item:nth-child(3n) {
  margin-right: 0;
}
.flex--3colGutterWide .flex__item:nth-child(n+4) {
  margin-top: 30px;
}

@media only screen and (min-width: 801px) {
  .flex--justifyCenter--large {
    justify-content: center;
  }
  .flex--asymmetry--large {
    margin-left: -40px;
  }
  .flex--asymmetry--large.flex--reverse {
    margin-left: 0;
    margin-right: -40px;
  }
  .flex--2col--large .flex__item {
    width: calc(50% - 20px);
    width: calc((100% - 40px) / 2);
  }
  .flex--2col--large .flex__item:nth-child(n+3) {
    margin-top: 40px;
  }
  .flex--2colGutterWide--large {
    flex-wrap: wrap;
  }
  .flex--2colGutterWide--large .flex__item {
    width: calc(50% - 30px);
    width: calc((100% - 60px) / 2);
    margin-right: 60px;
  }
  .flex--2colGutterWide--large .flex__item:nth-child(even) {
    margin-right: 0;
  }
  .flex--2colGutterWide--large .flex__item:nth-child(n+3) {
    margin-top: 40px;
  }
  .flex--reverse.flex--2col--large .flex__item:nth-child(even) {
    margin-right: 40px;
  }
  .flex--reverse.flex--2col--large .flex__item:nth-child(odd) {
    margin-right: 0;
  }
  .flex--reverse.flex--2colGutterWide--large .flex__item:nth-child(even) {
    margin-right: 60px;
  }
  .flex--reverse.flex--2colGutterWide--large .flex__item:nth-child(odd) {
    margin-right: 0;
  }
  .flex--3col--large .flex__item {
    width: calc(33.333% - 26.6666666667px);
    width: calc((100% - 80px) / 3);
  }
  .flex--3col--large .flex__item:nth-child(n+4) {
    margin-top: 40px;
  }
  .flex--3colGutterWide--large .flex__item {
    width: calc(33.333% - 40px);
    width: calc((100% - 120px) / 3);
    margin-right: 60px;
  }
  .flex--3colGutterWide--large .flex__item:nth-child(n+4) {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .flex--asymmetry {
    margin-left: -20px;
  }
  .flex--asymmetry.flex--reverse {
    margin-left: 0;
    margin-right: -20px;
  }
  .flex--2col .flex__item {
    width: calc(50% - 10px);
    width: calc((100% - 20px) / 2);
  }
  .flex--2col .flex__item:nth-child(n+3) {
    margin-top: 20px;
  }
  .flex--reverse.flex--2col .flex__item:nth-child(even) {
    margin-right: 20px;
  }
  .flex--reverse.flex--2col .flex__item:nth-child(odd) {
    margin-right: 0;
  }
  .flex--3col .flex__item {
    width: calc(33.333% - 13.3333333333px);
    width: calc((100% - 40px) / 3);
  }
  .flex--3col .flex__item:nth-child(n+4) {
    margin-top: 20px;
  }
  .flex--3colGutterWide .flex__item {
    width: calc(33.333% - 20px);
    width: calc((100% - 60px) / 3);
    margin-right: 30px;
  }
  .flex--3colGutterWide .flex__item:nth-child(n+4) {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .flex .flex__item {
    margin-right: 20px;
  }
  .flex--justifyCenter--medium {
    justify-content: center;
  }
  .flex--asymmetry--medium {
    margin-left: -20px;
  }
  .flex--asymmetry--medium.flex--reverse {
    margin-left: 0;
    margin-right: -20px;
  }
  .flex--2colGutterWide--large {
    display: block;
    margin-right: 0;
  }
  .flex--2colGutterWide--large > .flex__item {
    width: 100%;
  }
  .flex--2colGutterWide--large > .flex__item:not(:first-child) {
    margin-top: 20px;
  }
  .flex--2col--medium {
    flex-wrap: wrap;
  }
  .flex--2col--medium .flex__item {
    width: calc(50% - 10px);
    width: calc((100% - 20px) / 2);
  }
  .flex--2col--medium .flex__item:nth-child(even) {
    margin-right: 0;
  }
  .flex--2col--medium .flex__item:nth-child(n+3) {
    margin-top: 20px;
  }
  .flex--reverse.flex--2col--medium .flex__item:nth-child(even) {
    margin-right: 20px;
  }
  .flex--reverse.flex--2col--medium .flex__item:nth-child(odd) {
    margin-right: 0;
  }
  .flex--3colGutterWide--medium {
    flex-wrap: wrap;
  }
  .flex--3colGutterWide--medium .flex__item {
    width: calc(33.333% - 20px);
    width: calc((100% - 40px) / 3);
  }
  .flex--3colGutterWide--medium .flex__item:nth-child(3n) {
    margin-right: 0;
  }
  .flex--3colGutterWide--medium .flex__item:nth-child(n+4) {
    margin-top: 20px;
  }
  .flex--3col--medium {
    flex-wrap: wrap;
  }
  .flex--3col--medium .flex__item {
    width: calc(33.333% - 13.3333333333px);
    width: calc((100% - 40px) / 3);
    margin-right: 20px;
  }
  .flex--3col--medium .flex__item:nth-child(3n) {
    margin-right: 0;
  }
  .flex--3col--medium .flex__item:nth-child(n+4) {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 640px) {
  .flex--justifyCenter, .flex--justifyCenter--small {
    justify-content: center;
  }
  .flex--justifyCenter .flex__item, .flex--justifyCenter--small .flex__item {
    margin-right: 20px;
  }
  .flex--asymmetry {
    margin-left: 0;
  }
  .flex--asymmetry.flex--reverse {
    margin-right: 0;
  }
  .flex--2col, .flex--3col, .flex--4col, .flex--5col, .flex--3colGutterWide, .flex--2colGutterWide--large {
    display: block;
    margin-right: 0;
  }
  .flex--2col > .flex__item, .flex--3col > .flex__item, .flex--4col > .flex__item, .flex--5col > .flex__item, .flex--3colGutterWide > .flex__item, .flex--2colGutterWide--large > .flex__item {
    width: 100%;
  }
  .flex--2col > .flex__item:not(:first-child), .flex--3col > .flex__item:not(:first-child), .flex--4col > .flex__item:not(:first-child), .flex--5col > .flex__item:not(:first-child), .flex--3colGutterWide > .flex__item:not(:first-child), .flex--2colGutterWide--large > .flex__item:not(:first-child) {
    margin-top: 20px;
  }
  .flex--2col--small {
    display: flex;
    flex-wrap: wrap;
  }
  .flex--2col--small .flex__item {
    width: calc(50% - 10px);
    width: calc((100% - 20px) / 2);
    margin-right: 20px;
  }
  .flex--2col--small .flex__item:not(:first-child) {
    margin-top: 0;
  }
  .flex--2col--small .flex__item:nth-child(even) {
    margin-right: 0;
  }
  .flex--2col--small .flex__item:nth-child(n+3) {
    margin-top: 20px;
  }
  .flex--reverse.flex--2col--small .flex__item:nth-child(even) {
    margin-right: 20px;
  }
  .flex--reverse.flex--2col--small .flex__item:nth-child(odd) {
    margin-right: 0;
  }
}
.grid {
  --grid-row-gap: 40px;
  --grid-column-gap: 40px;
  --grid-repeat: 3;
  display: grid;
  grid-template-columns: repeat(var(--grid-repeat), 1fr);
  gap: var(--grid-row-gap) var(--grid-column-gap);
}
.grid--1col {
  --grid-repeat: 1;
}
@media only screen and (max-width: 640px) {
  .grid--1col--small {
    --grid-repeat: 1;
  }
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .grid--1col--medium {
    --grid-repeat: 1;
  }
}
@media only screen and (min-width: 801px) {
  .grid--1col--large {
    --grid-repeat: 1;
  }
}
.grid--2col {
  --grid-repeat: 2;
}
@media only screen and (max-width: 640px) {
  .grid--2col--small {
    --grid-repeat: 2;
  }
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .grid--2col--medium {
    --grid-repeat: 2;
  }
}
@media only screen and (min-width: 801px) {
  .grid--2col--large {
    --grid-repeat: 2;
  }
}
.grid--3col {
  --grid-repeat: 3;
}
@media only screen and (max-width: 640px) {
  .grid--3col--small {
    --grid-repeat: 3;
  }
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .grid--3col--medium {
    --grid-repeat: 3;
  }
}
@media only screen and (min-width: 801px) {
  .grid--3col--large {
    --grid-repeat: 3;
  }
}
.grid--gapRowSmall {
  --grid-row-gap: 10px;
}
.grid--gapColSmall {
  --grid-column-gap: 10px;
}
.grid--gapRowMedium {
  --grid-row-gap: 20px;
}
.grid--gapColMedium {
  --grid-column-gap: 20px;
}
.box {
  padding: 40px 30px;
}
.box--bg02 {
  background-color: #FAF7F4;
}
.box--bg03 {
  background-color: #F0EEEC;
}
.box--bg04 {
  background-color: #F6F6F6;
}
.box--paddingS {
  padding: 25px 30px;
}
.box--paddingL {
  padding: 40px 100px;
}
.box--border01 {
  border: 1px solid #F7E2CC;
}
.box--border02 {
  border: 1px solid #E0E0E0;
}

@media only screen and (min-width: 641px) and (max-width: 800px) {
  .box {
    padding: 30px 20px;
  }
  .box--paddingL {
    padding: 30px 20px;
  }
}
@media only screen and (max-width: 640px) {
  .box {
    padding: 30px 15px;
  }
  .box--bg02 {
    background-color: #FAF7F4;
  }
  .box--bg03 {
    background-color: #F0EEEC;
  }
  .box--paddingS {
    padding: 20px 15px;
  }
  .box--paddingL {
    padding: 30px 15px;
  }
}
.media {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.media--reverse {
  flex-direction: row-reverse;
}
.media--align-top {
  align-items: flex-start;
}
.media .media__image {
  width: 47.3684210526%;
}
.media .media__text {
  width: 50.8771929825%;
}
.media--large .media__image {
  width: 47.5%;
}
.media--large .media__text {
  width: 50%;
}
.media--medium .media__image {
  width: 35%;
}
.media--medium .media__text {
  width: 62.25%;
}
.media--small .media__image {
  width: 23.3333333333%;
}
.media--small .media__text {
  width: 74%;
}

@media only screen and (min-width: 801px) {
  .media--large--large .media__image {
    width: 45%;
  }
  .media--large--large .media__text {
    width: 48.3333333333%;
  }
  .media--medium--large .media__image {
    width: 35%;
  }
  .media--medium--large .media__text {
    width: 62.25%;
  }
  .media--small--large .media__image {
    width: 23.3333333333%;
  }
  .media--small--large .media__text {
    width: 74%;
  }
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .media--large--medium .media__image {
    width: 45%;
  }
  .media--large--medium .media__text {
    width: 48.3333333333%;
  }
  .media--medium--medium .media__image {
    width: 35%;
  }
  .media--medium--medium .media__text {
    width: 62.25%;
  }
  .media--small--medium .media__image {
    width: 23.3333333333%;
  }
  .media--small--medium .media__text {
    width: 74%;
  }
}
@media only screen and (max-width: 640px) {
  .media .media__image, .media .media__text {
    width: 100%;
  }
  .media .media__image {
    margin-bottom: 15px;
  }
  .media--reverse {
    flex-direction: column;
  }
  .media--large, .media--medium, .media--small {
    flex-direction: column;
  }
  .media--large .media__image, .media--large .media__text, .media--medium .media__image, .media--medium .media__text, .media--small .media__image, .media--small .media__text {
    width: 100%;
  }
  .media--large .media__image, .media--medium .media__image, .media--small .media__image {
    margin-bottom: 15px;
  }
  .media--large--small.media--reverse {
    flex-direction: row-reverse;
  }
  .media--large--small .media__image {
    width: 45%;
  }
  .media--large--small .media__text {
    width: 48.3333333333%;
  }
  .media--medium--small.media--reverse {
    flex-direction: row-reverse;
  }
  .media--medium--small .media__image {
    width: 35%;
  }
  .media--medium--small .media__text {
    width: 62.25%;
  }
  .media--small--small.media--reverse {
    flex-direction: row-reverse;
  }
  .media--small--small .media__image {
    width: 23.3333333333%;
  }
  .media--small--small .media__text {
    width: 74%;
  }
}

.head {
  font-size: 32px;
  text-align: center;
  margin-bottom: 40px;
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .head {
    font-size: 22.4px;
  }
}
@media only screen and (max-width: 640px) {
  .head {
    font-size: 24px;
    margin-bottom: 20px;
  }
}

.subHead {
  font-size: 18px;
  margin-bottom: 15px;
}
.subHead--border {
  border-left: 3px solid #F4930E;
  padding-left: 15px;
}
.subHead--medium {
  font-size: 20px;
}
.subHead--large {
  font-size: 24px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .subHead--large {
    font-size: 19.2px;
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 640px) {
  .subHead {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .subHead--border {
    border-left: 2px solid #F4930E;
    padding-left: 10px;
  }
}
.movie {
  position: relative;
  z-index: 1;
}

/*ポップアップ用 Playアイコン表示*/
.movie__inner:hover img {
  opacity: 1;
}

.movie__inner a:before,
.movie__inner a:after {
  content: "";
  position: absolute;
  display: table-cell;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.movie__inner a:before {
  border-radius: 13px;
  background-color: rgba(33, 33, 33, 0.8);
  width: 68px;
  height: 48px;
  z-index: 99;
}

.movie__inner:hover a:before {
  background-color: rgb(244, 147, 14);
}

.movie__inner a:after {
  width: 0;
  height: 0;
  border-left: 18px solid rgb(255, 255, 255);
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  z-index: 100;
}
.youtube {
  max-width: 800px;
}

.youtube .win__inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 0;
  padding-top: 56.92%;
  margin: auto;
  background-color: #000;
}

.youtube .win__inner iframe {
  height: 100%;
}
.list li {
  line-height: 1.75;
}
.list li:not(:first-child) {
  margin-top: 5px;
}
.list li:not(.check) {
  text-indent: -1em;
  padding-left: 1em;
}
.list li:not(.check):before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: #202020;
  border-radius: 3px;
  margin: 0 calc(0.5em - 3px);
  vertical-align: middle;
}
.list--horizontal li {
  display: inline-block;
  line-height: 1.75;
}
.list--horizontal li:not(:last-child) {
  margin-right: 20px;
}

.linkList li {
  border-bottom: 1px solid #E0E0E0;
  padding: 15px 0;
}
.linkList li a, .linkList li .linkList__link {
  text-decoration: none;
  color: #202020;
  transition: color 0.2s linear;
  border-left: 3px solid #F4930E;
  padding-left: 15px;
  display: block;
}
.linkList li a:hover {
  color: #F4930E;
}
.linkList--iconBlank li a {
  background-image: url("https://jp.vcube.com/hubfs/solution/eventdx/common/icon_blank.svg");
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 30px;
}

.tag {
  display: flex;
  flex-wrap: wrap;
  margin: 20px -5px 0;
  overflow: hidden;
}
.tag li {
  min-height: 2.25em;
  padding: 0.3em 1.4em 0.4em;
  border: 1px solid #F4930E;
  border-radius: 999px;
  background-color: #fff;
  color: #F4930E;
  margin: 5px;
}
.tag li a {
  text-decoration: none;
  display: block;
  margin: -0.3em -1.4em -0.4em;
  padding: 0.3em 1.4em 0.4em;
}

@media only screen and (max-width: 640px) {
  .tag {
    margin: 10px -5px 0;
    font-size: 12px;
  }
  .tag li {
    padding: 0.3em 0.6em 0.4em;
  }
}
.link {
  color: #202020;
  display: inline-block;
  padding-left: 23px;
  text-indent: -25px;
  transition: color 0.2s linear;
  position: relative;
}
.link * {
  text-indent: 0;
}
.link:before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #F4930E;
  border-right: 2px solid #F4930E;
  transform: rotate(45deg) translateY(-2px);
  margin-right: 15px;
  vertical-align: middle;
}
.link:hover {
  color: #F4930E;
}
.link--black {
  padding-left: 0;
  text-indent: 0;
  padding-right: 1.875em;
  font-weight: bold;
}
.link--black:before {
  width: 4px;
  height: 4px;
  border-color: #fff;
  margin-right: 0;
  vertical-align: middle;
  position: absolute;
  right: 0.625em;
  top: 0.75em;
  z-index: 2;
}
.link--black:after {
  content: "";
  display: inline-block;
  width: 1.375em;
  height: 1.375em;
  background-color: #202020;
  border-radius: 99px;
  position: absolute;
  right: 0;
  top: 0.1875em;
  z-index: 1;
  transition: background-color 0.2s linear;
}
.link--black:hover:after {
  background-color: #F4930E;
}
.link--blank:before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 15px;
  background-image: url(https://jp.vcube.com/hubfs/jp/common/images/icon_newtab_orange.svg);
  background-size: 17px;
  border: none;
  transform: none;
  margin-right: 10px;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #F4930E;
  border: 1px solid #F4930E;
  padding: 18px 35px;
  margin: 0 auto;
  background-color: #fff;
  transition: all 0.2s linear;
}
.btn:hover {
  background-color: #F4930E;
  border: 1px solid #fff;
  color: #fff;
}
.btn--orange {
  background-color: #F4930E;
  color: #fff;
}
.btn--orange:hover {
  background-color: #fff;
  border: 1px solid #F4930E;
  color: #F4930E;
}
.btn--small {
  padding: 12px 35px;
}
.btn--smallOrange {
  padding: 10px;
  background-color: #F4930E;
  border: 1px solid #F4930E;
  color: #fff;
  font-size: 14px;
  line-height: 1.2;
}
.btn--smallOrange:hover {
  background-color: #fff;
  border: 1px solid #F4930E;
  color: #F4930E;
}

@media only screen and (min-width: 641px) and (max-width: 800px) {
  .btn {
    padding: 16px 30px;
  }
}
@media only screen and (max-width: 640px) {
  .btn {
    padding: 16px 30px;
  }
  .btn--smallOrange {
    padding: 10px;
  }
}

.table {
  width: 100%;
}
.table th, .table td {
  text-align: center;
  padding: 20px;
  border: 1px solid #E0E0E0;
}
.table--textAlignLeft th, .table--textAlignLeft td {
  text-align: left;
}
.table th {
  background-color: #FAF7F4;
}
.table thead.virtual-style-cap th {
  border: none;
  font-size: 1.1em;
  padding: 10px 20px;
  background-color: transparent;
}

.check {
  padding-left: 2em;
  position: relative;
}
.check:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 1.2em;
  height: 1em;
  background-image: url(https://jp.vcube.com/hubfs/solution/eventdx/common/icon_check.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0.4em;
}
@media only screen and (max-width: 640px) {
  .table--textAlignLeft--small th, .table--textAlignLeft--small td {
    text-align: left;
  }
  .table--scroll {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
  }
  .table--scroll .fixed {
    position: sticky;
    left: 0;
  }
  .table--row tr {
    display: block;
  }
  .table--row * + tr {
    margin-top: 20px;
  }
  .table--row thead th {
    display: none;
  }
  .table--row tbody th {
    width: 100%;
    display: block;
  }
  .table--row td {
    width: 100%;
    display: block;
    margin-top: -1px;
  }
  .table--row td[data-title]::before {
    content: attr(data-title) " ";
    font-weight: bold;
    margin-right: 10px;
    display: block;
  }
  .table--column2col {
    display: block;
  }
  .table--column2col thead {
    display: block;
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 2;
  }
  .table--column2col thead tr {
    display: flex;
  }
  .table--column2col thead th {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
    font-weight: bold;
    margin-bottom: -1px;
    margin-right: -1px;
  }
  .table--column2col thead th:nth-of-type(1) {
    display: none;
  }
  .table--column2col tbody {
    display: block;
    width: 100%;
    border-top: 1px solid #E0E0E0;
  }
  .table--column2col tbody tr {
    display: flex;
    flex-wrap: wrap;
    border-left: 1px solid #E0E0E0;
  }
  .table--column2col tbody tr th {
    flex: 0 0 100%;
    width: 100%;
    padding: 10px 20px;
    background-color: #FAF7F4;
    border-right: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    margin-top: -1px;
    margin-left: -1px;
  }
  .table--column2col td {
    flex: 0 0 50%;
    width: 50%;
    border-right: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    margin-top: -1px;
    margin-right: -1px;
  }
  .table--column3col {
    display: block;
  }
  .table--column3col thead {
    display: block;
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 2;
  }
  .table--column3col thead tr {
    display: flex;
  }
  .table--column3col thead th {
    display: block;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
    font-weight: bold;
    margin-bottom: -1px;
  }
  .table--column3col thead th:nth-of-type(1) {
    display: none;
  }
  .table--column3col tbody {
    display: block;
    width: 100%;
    border-top: 1px solid #E0E0E0;
  }
  .table--column3col tbody tr {
    display: flex;
    flex-wrap: wrap;
    border-left: 1px solid #E0E0E0;
  }
  .table--column3col tbody tr th {
    flex: 0 0 100%;
    width: 100%;
    padding: 10px 20px;
    background-color: #FAF7F4;
    border-right: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    margin-top: -1px;
    margin-left: -1px;
  }
  .table--column3col td {
    flex: 0 0 33.3333%;
    width: 33.3333%;
    border-right: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    margin-top: -1px;
    margin-right: -1px;
  }
}

/*utility*/
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.align-center{
  text-align: center;
}
.align-left{
  text-align: left;
}
.font-small{
  font-size: 14px;
}
.margin-v-0{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.margin-top-0{
  margin-top: 0 !important;
}
.margin-top-xsmall{
  margin-top: 15px !important;
}
.margin-top-small{
  margin-top: 30px !important;
}
.margin-top-medium{
  margin-top: 60px !important;
}
.margin-top-large{
  margin-top: 100px !important;
}
.margin-bottom-0{
  margin-bottom: 0 !important;
}
.margin-bottom-xsmall{
  margin-bottom: 15px !important;
}
.margin-bottom-small{
  margin-bottom: 30px !important;
}
.margin-bottom-medium{
  margin-bottom: 60px !important;
}
.margin-bottom-large{
  margin-bottom: 100px !important;
}

/*ヘッダー*/
.header {
  margin: 0 -10px;
  font-size: 16px;
  width: 100%;
  width: calc(100% + 20px);
  z-index: 99999;
  background-color: #fff;
  backface-visibility: hidden;
}
.header .header__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 0 30px;
  border-bottom: 1px solid #E0E0E0;
  width: 100%;
}
.header .header__logo a {
  display: flex;
  align-items: center;
  text-decoration: none;
  transition: opacity 0.2s linear;
}
.header .header__logo a:hover {
  opacity: 0.6;
}
.header .header__logo .header__logo__vc {
  width: 160px;
  padding-right: 15px;
  margin-right: 15px;
}
.header .header__logo .header__logo__vc--mark {
  display: none;
}
.header .header__contact {
  width: 180px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F4930E;
  text-decoration: none;
  text-align: center;
  color: #fff;
  line-height: 1.5;
  transition: opacity 0.2s linear;
}
.header .header__contact:hover {
  opacity: 0.6;
}
.header .header__contact--contact {
  width: 160px;
}
ul.gnav {
  display: flex;
}
ul.gnav > li {
  position: relative;
}
ul.gnav > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  height: 70px;
  text-decoration: none;
  position: relative;
  color: #202020;
}
ul.gnav > li > a:after {
  content: "";
  display: block;
  width: 0;
  height: 3px;
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  transition: width 0.2s linear;
}
ul.gnav > li:hover a:after {
  width: 100%;
}
ul.gnav > li > a.header__contact:after {
  content: none;
}
@media only screen and (min-width: 801px) {
  .header {
    min-width: 980px;
  }
  .header.header--fixed {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    margin: 0;
    width: 100%;
    z-index: 99;
  }
  .header.header--fixed .header__logo__vc {
    padding-right: 0;
    margin-right: 17px;
  }
}
@media only screen and (max-width: 800px) {
  .header {
    margin: 0;
    height: 50px;
    font-size: 11px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #E0E0E0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 99;
  }
  .header .header__logo .header__logo__vc {
    width: 94px;
    margin-right: 8px;
    padding-right: 8px;
  }

  .header.header--fixed .header__logo__vc--original {
    display: none;
  }
  .header.header--fixed .header__logo__vc--mark {
    display: inline-block;
    width: 40px;
  }
  .header .header__contact {
    width: 80px;
    height: 50px;
  }
  .header .header__row {
    padding: 0 0 0 10px; 
  }
  ul.gnav > li > a {
    padding: 0 10px;
    height: 50px;
  }
}

/*フッター*/
body>footer {font-size: 12px;margin: 0 -10px;}
body>footer .footer-cont{background-color:#F8F8F8;}
body>footer .color_gray{background-color:#353535; color:#C4C4C4;}
body>footer .footer-cont p.copy{ font-size:12px; padding:20px 0; margin: 0 auto;}

#toHead {
  position: absolute;
  width: 100%;
  margin: 0 -10px;
}

#toHead p {
  height: 0;
  padding: 0 10px;
  max-width: 1200px;
  min-width: 980px;
  margin: 0 auto;
}

@media only screen and (max-width: 800px) {
  #toHead p {
    max-width: 100%;
    min-width: 0;
  }
}
#toHead a {
  position: relative;
  display: block;
  width: 60px;
  height: 60px;
  margin: -60px 0 0 auto;
  text-indent: 100%;
  white-space: nowrap;
  background-color: #494949;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
}

#toHead a:before, #toHead a:after, #toHead span.before, #toHead span.after {
  content: "";
  position: absolute;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  margin-left: -15px;
  border-style: solid;
  border-width: 0 15px 15px 15px;
}

#toHead a:before, #toHead span.before {
  top: 21px;
  border-color: transparent transparent #fff transparent;
}

#toHead a:after, #toHead span.after {
  top: 23px;
  border-color: transparent transparent #494949 transparent;
}

#toHead.flow {
  position: fixed;
  bottom: 0;
}
#subScreen {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000;
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  z-index: 1000;
  cursor: pointer
}
#subWin {
  position: fixed;
  top: 10%;
  bottom: 10%;
  left: 0;
  right: 0;
  display: none;
  width: 100%;
  height: 80%;
  max-width: 980px;
  margin: auto;
  z-index: 999
}
#subWin.sp {
  top: 20%;
  bottom: 20%;
  height: 60%
}
.flowWin {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  z-index: 1001
}
.flowWin .inner {
  height: 1px;
  overflow: visible
}
.flowWin iframe, .flowWin video, .flowWin embed, .flowWin img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  z-index: 1002
}
.flowWin .btnClose {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2em;
  margin: 0 auto;
  color: #fff;
  text-align: center;
  cursor: pointer;
  z-index: 1003
}
.youtube {
  max-width: 800px
}
.youtube .inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 0;
  padding-top: 56.92%;
  margin: auto;
  background-color: #000
}
.youtube .inner iframe {
  height: 100%
}



/*カラー設定*/
.color_white{background-color:#fff;}
.color_beige{background-color:#FAF7F4;}
.color_black{background-color:#000; color:#f8f8f8;}
.color_black .annotation,
.color_free.txt_white .annotation{color: #C4C4C4;}
.color_black .link, .color_free.txt_white .link{color:#fff;}
.color_black .link:hover,.color_free.txt_white .link:hover {color: #f4930e;}

/*カラー白　基本設定*/
.txt_white{color:#f8f8f8;}
.txt_black{color:#202020;}

/*カラー黒　基本設定*/
.txt_white ul.gnav>li>a{color:#f8f8f8;}

/*リッチテキスト設定*/
.rich-txt strong,
.rich-txt em{
  font-weight: 700;
}
.rich-txt *+dl,
.rich-txt *+figure,
.rich-txt *+iframe,
.rich-txt *+ol,
.rich-txt *+p,
.rich-txt *+table,
.rich-txt *+ul,
.rich-txt *+h3,
.rich-txt *+h4,
.rich-txt *+h5 {
    margin-top: 1em;
}
.rich-txt h3,
.rich-txt h4,
.rich-txt h5{
  font-size:18px;
  margin-bottom: 15px;
}
/*MV*/
.hero {
  position: relative;
}
.hero .hero__image img{width: 100%; max-width: 1080px;}
@media only screen and (min-width: 641px) {
  .hero {
    position: relative;
  }
}
@media only screen and (min-width: 801px) {
  .hero{padding-top: 70px;}
}
@media only screen and (max-width: 800px) {
  .hero{padding-top: 50px;}
}
#btn_area{ text-align: center;padding: 60px 0; }
#about .btn {
  font-size: 22px;
  font-weight: 700;
}
.seminar_detail h1 {font-size: 18px;}
.seminar_detail .sub_title{font-size: 14px; color:#666; font-weight: normal; }
.color_black .seminar_detail .sub_title, .color_free.txt_white .sub_title {color: #f8f8f8;}
.color_black .seminar_detail .tag li{background-color: transparent;}
.seminar_detail table td {vertical-align: top; min-width: 3em;}
.seminar_detail #seminar-title{width: 100%; border-bottom: 1px solid #ccc; padding-bottom: 13px; margin-bottom: 13px;}
.end_seminar{ text-align: center; font-size: 32px; margin:40px 0; color: #ff0000; }


/*リスト*/
.list_head{
  margin-bottom:40px;
  font-size:24px;
}
.list_box{
  padding:40px 80px;
  background:#fff;
  max-width:860px;
  margin:0 auto;
}
.color_black .list_box{background:#353535; color: #fff;}
.list_box:not(:last-child) {
  margin-bottom: 40px;
}
.list_box li {
  margin-bottom:10px;
}
.color_black .list li:not(.check):before{
  background-color: #fff;
}
@media only screen and (max-width: 640px) {
  .list_box{padding: 20px;}
  .list_head{font-size:20px; margin-bottom:20px;}
}


/*プログラム*/
.table-program{width: 100%;}
.table-program th{font-size: 18px; font-weight: 700; padding:15px 40px ; background-color: #FAF7F4;}
.table-program td{ padding:20px 40px 40px; vertical-align: top;}
.table-program td.time{ padding-right: 0 ;}
.color_black .table-program th{ background-color: #353535; color: #fff;}
.color_beige .table-program th{ background-color: #F2EDE7; color: #202020;}
.color_free.txt_white .table-program th{ background:rgba(255,255,255,0.2); color: #fff;}
@media only screen and (max-width: 640px) {
  .table-program th{padding: 15px 20px;}
  .table-program td{padding: 20px;}
}


/*講師紹介*/
.speaker--1col .media__image img,
.speaker--3col .media__image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius:50%;
}
.speaker--3col .media__text h3.subHead{font-size: 21px;}
.speaker--3col .media__text p.company_name{font-size: 13px;}
.speaker--3col .speaker_profile{padding: 30px 0 0;}
.speaker--1col .media__text h3.subHead{font-size: 26px; margin-bottom: 0;}
.speaker--1col .media__text p.company_name{font-size: 17px; font-weight: 700; margin-bottom: 10px;}
.speaker--1col .speaker_profile p,
.speaker--1col .speaker_profile span{font-weight: normal;}
.speaker--1col .item__1col .media__image img{padding: 0 20px;}
.speaker--1col .item__1col:not(:last-child) {margin-bottom: 60px;}
.color_black .speaker--1col .speaker_profile,
.color_free.txt_white .speaker--1col .speaker_profile{color:#C4C4C4;}
@media only screen and (max-width: 640px) {
  .speaker--3col .speaker_profile{padding: 0;}
  .speaker--1col .item__1col .media__image img{padding: 0 70px;}
  .speaker--1col .media__text h3.subHead {font-size: 21px; font-weight: 700;}
  .speaker--1col .media__text p.company_name { font-size: 16px; font-weight: 700; }
}


/*セミナー概要*/
article ol {
    counter-reset: numCount;
    list-style-type: none;
    padding-left: 2em;
}
article ol li {
    position: relative;
}
article ol>li:before {
    content: counter(numCount) "\FF1A";
    counter-increment: numCount;
    display: inline-block;
    margin-left: -2em;
    text-align: right;
    width: 2em;
}
.color_black .table td, .color_black .table th{border-color: #666;}
.color_black .table th{background-color: #353535; color: #fff;}
.color_beige .table th{background-color: #F2EDE7;}
.color_beige .table td{background-color: #FFF;}
.color_free.txt_white .table th{background:rgba(255,255,255,0.2);}
.table th{min-width: 150px;}
@media only screen and (max-width: 640px) {
  #outline .table th{min-width: 5em;}
}


/*受講方法*/
.webinar{font-size: 18px; font-weight: 700; margin-bottom: 20px;}


/*フォーム*/
.hbspt-form{
    margin: 40px auto 0;
    padding-top: 80px;
    padding-right: 20%;
    padding-bottom: 80px;
    padding-left: 20%;
    width: 100%;
    background:rgba(255,255,255,0.5);
}
.color_black .hbspt-form,
.color_free.txt_white .hbspt-form{background:rgba(255,255,255,0.2);}
.color_beige .hbspt-form{background-color: #fff;}
@media only screen and (max-width: 640px) {
  .hbspt-form{padding: 20px; margin-top: 20px;}
}

.hs-form fieldset {
    border: 0;
    margin: 0 auto;
    max-width: 100% !important;
}
.hs-form fieldset.form-columns-2 .hs-form-field:first-child .input { margin-right: 4px;}
#form .input { margin-top: 5px;}

#form ul li {padding-left:0;}
#form ul li:before {display:none;}
#form ul.inputs-list li {
    display: inline-block;
    margin-right: 10px;
}
#form ul.inputs-list li input {
    height: auto;
    width: auto!important;
}
#form form {text-align:left;}
#form form fieldset.form-columns-2 .hs-form-field {width: 50%;float: left;}
#form form ul.inputs-list{margin-left:0;}
#form .tx-cv > div:first-of-type section{padding-top:20px;}

@media only screen and (max-width: 640px) {
  #form .hs_submit .actions input {font-size:16px;padding:18px 35px;}
}


#form .hs-form-field {
    margin-bottom: 20px;
}
#form  .hs-form-required {
    color: red;
    font-size: 1.7em;
    vertical-align: -10%;
}
#form  fieldset label {
    font-size: 90%;
}
#form input, #form  select {
    width: 100%;
    height: 40px;
    font-size: 15px;
  margin-top:5px;
  margin-right:4px;
}
#form .hs_lastname input, #form .hs_firstname input {
    width: 100%;
}
.hs-form .hs-form-field input[type='text'], .hs-form .hs-form-field input[type='email'], .hs-form .hs-form-field select {
    border: 1px solid #c8c8c8;
    border-radius: 0;
    outline: 0;
    margin-bottom: 0;
}
#form .hs_submit {
    margin: 20px auto;
    max-width: 300px;
}

#form .hs_subscribe_blog ul.inputs-list {
    margin-top: 2em;
}
#form .hs-form-booleancheckbox:before {
    content: "";
    display: block;
    clear: both;
}
#form ul.inputs-list {
    margin-left: 0;
}
.hs-form fieldset.form-columns-2 .hs-form-field:nth-child(2) .input,
.hs-form fieldset.form-columns-2 .hs-form-field:nth-child(2) label,
.hs-form fieldset.form-columns-2 .hs-form-field:nth-child(2) .hs-error-msgs {
    margin-left: 0;
}
}

/* hs-form */
input[type="text"], input[type="email"], input[type="tel"], select, textarea {
    padding: 5px 5px;
    border: solid 1px #ccc;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.hs-form fieldset.form-columns-1 .hs_email legend {
    margin-top: 5px;
    font-size: 75%;
    color: red;
    line-height: 1.2;
}
.hs_privacy_policy {
  margin-top: 20px;
  text-align: center !important;
}
.hs-form fieldset.form-columns-1 .hs_privacy_policy legend {
    font-size: 90%;
}
.hs_privacy_policy a {
    text-decoration: underline;
}
.hs_privacy_policy ul.inputs-list {
  margin-top:0;
}
#form input, .body-container-wrapper #form select, .body-container-wrapper #form textarea {
    width: 100%;
    height: 40px;
    font-size: 15px;
}
#form textarea {
    min-height:90px;
}
.hs-form fieldset.form-columns-1 .input {
    margin-right: 0 !important;
}
.hs-form fieldset.form-columns-1 .hs-input {
    width: 100% !important;
}
.hs-form .hs-form-field input[type="checkbox"] {
    width: auto !important;
    height: auto !important;
}
.hs-form .hs-form-field .hs_privacy_policy .input {
    margin-top: 15px;
}
#form select {
    background-color: #F7F7F7;
}
#form .input {
    margin-top: 5px;
}
#form .hs_lastname input,.body-container-wrapper #form hs_firstname input {
    width: 100%;
}
#form li {
    list-style: none;
}
#form .hs_submit {
    margin: 20px auto;
    max-width: 300px;
}
#form .hs_submit .actions {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
#form .hs_submit .actions input {
    font-size: 22px;
    line-height: 1;
    color: #fff;
    border: 0;
    cursor: pointer;
    background-image: none;
    background-color: transparent;
    padding: 18px 0;
    font-weight: 700;
    height: 70px;
}
#form .hs_submit .actions:hover {
    opacity: 0.5;
}
.hs-error-msgs {
    line-height: 1.2;
    margin-top: 5px;
    font-size: 80%;
    color: red;
}
.hs-form fieldset.form-columns-2 .hs-form-field:first-child .input {
    margin-right: 4px;
}
.hs-form fieldset.form-columns-2 .hs-form-field:nth-child(2) .input, .hs-form fieldset.form-columns-2 .hs-form-field:nth-child(2) label, .hs-form fieldset.form-columns-2 .hs-form-field:nth-child(2) .hs-error-msgs {
    margin-right: 0;
    margin-left: 4px;
}
@media (max-width: 400px), (max-device-width: 480px) and (min-device-width: 320px) {
form.hs-form .form-columns-2 .hs-form-field .hs-input,
form.hs-form .form-columns-3 .hs-form-field .hs-input {
    width: 100% !important;
}
#form .hs_lastname label {
    margin-left: 0;
}
.hs-form fieldset.form-columns-2 .input {
    margin-right: 0 !important;
}
.hs-form fieldset.form-columns-2 .hs-form-field:nth-child(2) .input,
.hs-form fieldset.form-columns-2 .hs-form-field:nth-child(2) label,
.hs-form fieldset.form-columns-2 .hs-form-field:nth-child(2) .hs-error-msgs {
    margin-left: 0;
}
}
/*GDPRチェックボックス調整*/
#form .hs-form-booleancheckbox-display input{width:auto;height:auto;margin-right:1em;}
#form .hs-form-booleancheckbox:after {
  content: "";
  display: block;
  clear: both;
}


/*お問い合わせ先*/
#contact{margin:0 -10px;}


/*-----------------social------------------*/
.social {
  display: flex; justify-content: center;
  position: fixed; bottom: 0; left: 40px;
  text-align: center; font-size: 0px;
  width: 100%; padding: 15px 0; margin-top: 0!important;
  background-color: rgba(255,255,255,.9);
  z-index: 9; /*transition: all 0.3s;*/
}
#post-detail .social {
  margin: 40px auto 0;
}

.social li { line-height: 1; margin: 0 10px; }
.social li a {
  position: relative;
  height: 40px; width: 40px;
  display: flex; justify-content: center; align-items: center;
  border-radius: 100px;
  transition: all 0.3s;
}
.social li.twitter a{
  background-color: #1DA1F2;
}
.social li.facebook a{
  background-color: #1877F2;
}
.social li.line a{
  background-color: #06C755;
}
.social li.copy-url a{
  background-color: #F2B84B;
}
.social li.x a{
	background-color: #000;
}
#post .social li img {
  height: 50%!important;
  width: auto;
}
#post .social li.twitter img {
  height: 43%!important;
  width: auto;
}
#post .social li.x img {
	height: 43%!important;
	width: auto;
}
.social li a span {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  color: transparent;
  text-align: center; text-decoration: none;
  font-size: 10px; 
  line-height: 1.2;
  width: 40px;
}
.social li a:hover {
  background-color: #7c7c7c;
  cursor: pointer;
}
.social li.copy-url a.active {
  background-color: #d5d5d5;
}
.social li a:hover img,
.social li a.active img{
  opacity: 0.3;
}
.social li a:hover span,
.social li a.active span{
  color: #FFF;
}
@media screen and (min-width: 800px) {
  .social {
    display: block;
    top: 40%; left: 15px;
    width: auto; padding: 0;
    background-color: transparent;
  }
  .social li { margin: 0 0 20px; }
  .social li a {
    height: 45px; width: 45px;
  }
  .social li a:hover span {
    width: 45px;　font-size: 11px; 
  }
}
@media screen and (min-width: 1280px) {
  .social {
    left: 40px;
  }
}
@media only screen and (max-width: 799px) {
  .social {
    left: 0;
  }
}