@charset "UTF-8";
/* CSS Document */
html {
  font-size: clamp(14px, 1.563vw, 16px);
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 400;
  word-wrap: break-word; }

img {
  image-rendering: -webkit-optimize-contrast; }

.swgM {
  font-family: sweet-gothic, sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important; }

.bold {
  font-weight: 700 !important; }

.heavy {
  font-weight: 900 !important; }

.red {
  color: red; }

.blue {
  color: blue; }

/*
20px -- 1.25rem
16px -- 1rem
14px -- 0.875rem
12px -- 0.75rem
*/
.color01 {
  color: #1E2F7D; }

.color02 {
  color: #8e97be; }

.color03 {
  color: #59C9B8; }

.color04 {
  color: #B99C5A; }

.color05 {
  color: #D8C195; }

.f34 {
  font-size: 2.175rem !important; }

.f30 {
  font-size: 1.875rem !important; }

.f28 {
  font-size: 1.75rem !important; }

.f24 {
  font-size: 1.5rem !important; }

.f22 {
  font-size: 1.375rem !important; }

.f20 {
  font-size: 1.25rem !important; }

.f16 {
  font-size: 1rem !important; }

.f14, .pageIndex .newsArea > div > div:not(:first-child), .pageIndex .newsArea table .td01, .pageIndex .newsArea table .td03 {
  font-size: 0.875rem !important; }

.f12, .pageIndex .newsArea > div > div:not(:first-child) > div:nth-of-type(2), .pageIndex .newsArea table .td02 span {
  font-size: 0.75rem !important; }

.shogen {
  width: 100%;
  max-width: 600px;
  border-collapse: collapse; }

.shogen td, .shogen th {
  border: #999 1px solid;
  padding: .4em; }

.shogen th {
  background: #F3F3F3; }

.mdDisp {
  display: block; }
  @media screen and (min-width: 768px) {
    .mdDisp {
      display: none; } }

.mdDispR {
  display: block; }
  @media screen and (max-width: 767px) {
    .mdDispR {
      display: none; } }

.smDisp {
  display: block; }
  @media screen and (min-width: 640px) {
    .smDisp {
      display: none; } }

.smDispR {
  display: block; }
  @media screen and (max-width: 639px) {
    .smDispR {
      display: none; } }

.spDisp {
  display: block; }
  @media screen and (min-width: 1024px) {
    .spDisp {
      display: none; } }

.pcDisp {
  display: none; }
  @media screen and (min-width: 1024px) {
    .pcDisp {
      display: block; } }

.spDispI {
  display: inline-block; }
  @media screen and (min-width: 1024px) {
    .spDispI {
      display: none; } }

.pcDispI {
  display: none; }
  @media screen and (min-width: 1024px) {
    .pcDispI {
      display: inline-block; } }

.flexCenterMiddle {
  display: flex;
  justify-content: center;
  align-items: center; }

.flexMiddle {
  display: flex;
  align-items: center; }

input::placeholder, textarea::placeholder {
  color: #BBB;
  font-weight: 300; }

#headerArea {
  height: 120px;
  padding: 0 25px;
  background: #FFF;
  z-index: 1; }
  @media screen and (max-width: 1023px) {
    #headerArea {
      height: 12vw;
      padding: 0 2.5vw; } }
  @media screen and (max-width: 639px) {
    #headerArea {
      height: 15vw;
      padding: 0 2.5vw; } }
  #headerArea .area01 {
    flex: 0 0 294px;
    height: 120px; }
    @media screen and (max-width: 1023px) {
      #headerArea .area01 {
        flex: 0 0 30vw;
        height: 12vw; } }
    @media screen and (max-width: 639px) {
      #headerArea .area01 {
        flex: 0 0 45vw;
        height: 15vw; } }
  #headerArea .area03 {
    flex: 1 1 auto; }
  #headerArea .area02 {
    flex: 0 0 76px;
    height: 120px; }
    @media screen and (max-width: 1023px) {
      #headerArea .area02 {
        flex: 0 0 7.5vw;
        height: 12vw; } }
    @media screen and (max-width: 639px) {
      #headerArea .area02 {
        flex: 0 0 10.75vw;
        height: 15vw; } }
  #headerArea .closeMenuParts {
    display: none;
    color: #1E2F7D; }

#footer {
  background: #FFF;
  width: 100%;
  font-size: 1rem;
  padding-top: 5rem; }
  #footer .area01 {
    width: 100%;
    margin: 0 auto; }
  #footer .area02:before {
    width: 1px;
    background: #E5D566;
    height: 2.5rem;
    content: '';
    position: absolute;
    left: 50%;
    top: 0; }
  #footer .area02 {
    background: #141E43;
    position: relative;
    width: 100%;
    max-width: 816px;
    margin: 4rem auto 0 auto;
    padding: 3rem 2rem 2rem 2rem; }
    #footer .area02 .div01 {
      padding: 0 0 2rem 0; }
      #footer .area02 .div01 > p:nth-of-type(1) {
        color: #FFF;
        text-align: center; }
      #footer .area02 .div01 > p:nth-of-type(2) {
        color: #FFF;
        opacity: .5;
        text-align: center;
        padding-top: .5rem; }
    @media screen and (min-width: 640px) {
      #footer .area02 .div02 {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between; } }
    #footer .area02 .div02 > div {
      padding-bottom: 1.5rem; }
      #footer .area02 .div02 > div img {
        max-width: 100%; }
      @media screen and (min-width: 640px) {
        #footer .area02 .div02 > div {
          flex: 0 0 31%;
          padding-bottom: 0; } }
  #footer .area03 {
    width: 30%;
    max-width: 184px;
    margin: 0 auto;
    padding: 3rem 0 2rem 0; }
  #footer .area04 {
    width: 100%;
    margin: 0 auto;
    background: #141E43;
    color: #FFF;
    text-align: center;
    padding: 2rem 0; }
    #footer .area04 .div01 {
      width: 80%;
      margin: 0 auto;
      text-align: center;
      line-height: 2rem;
      font-size: 0.875rem; }
    #footer .area04 .copyright {
      padding: 2rem 0 0 0;
      font-size: 0.75rem;
      color: #9F9F9F; }

a > *:hover {
  opacity: 0.6; }

a.basicA:link {
  color: #BF4D4F;
  text-decoration: underline;
  font-weight: inherit; }

a.basicA:visited {
  color: #BF4D4F;
  text-decoration: underline;
  font-weight: inherit; }

a.basicA:hover {
  color: inherit;
  text-decoration: none;
  font-weight: inherit; }

a.basicA:active {
  color: inherit;
  text-decoration: none;
  font-weight: inherit; }

div.commentIcon {
  display: inline-block; }
  div.commentIcon > p {
    background: #EEE;
    width: 2em;
    height: 2em;
    border-radius: 50%; }
    div.commentIcon > p span {
      color: #FFF;
      display: block;
      width: 1em;
      height: 1em;
      line-height: 1.0; }

.commentIcon.iconColor0 p {
  background: #FF99C8; }

.commentIcon.iconColor1 p {
  background: #FCF6BD; }

.commentIcon.iconColor2 p {
  background: #D0F4DE; }

.commentIcon.iconColor3 p {
  background: #A9DEF9; }

.commentIcon.iconColor4 p {
  background: #E4C1F9; }

.boardAreaW {
  width: 90%;
  max-width: 816px;
  border: 1px solid #CCC; }
  .boardAreaW .boardArea .div03 {
    flex: 0 0 5rem; }
  .boardAreaW .boardArea .boardDispArea {
    overflow-y: scroll;
    width: 100%; }
    .boardAreaW .boardArea .boardDispArea .boardDispBox {
      border-bottom: 1px solid #AAA; }
  .boardAreaW .boardArea .replyBox {
    background: #F0F0F0; }

.bbsAreaW {
  width: 100%;
  max-width: 816px;
  background: #d9c789;
  border: 5px solid #efd373;
  padding: 2rem;
  position: relative; }
  .bbsAreaW .gabyo1 {
    position: absolute;
    width: 1rem;
    height: 1rem;
    background: #cc0000;
    top: 1rem;
    left: 1rem;
    border-radius: 50%;
    filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.6)); }
  .bbsAreaW .gabyo2 {
    position: absolute;
    width: 1rem;
    height: 1rem;
    background: #cc0000;
    top: 1rem;
    right: 1rem;
    border-radius: 50%;
    filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.6)); }
  .bbsAreaW h2 {
    color: #FFF;
    position: relative;
    margin: 0 auto;
    text-align: center;
    text-shadow: #999 1px 0 10px; }
  .bbsAreaW h2 + p {
    width: 100%;
    text-align: center; }
  .bbsAreaW .bbsArea {
    background: #FFF; }
    .bbsAreaW .bbsArea .div03 {
      flex: 0 0 5rem; }
    .bbsAreaW .bbsArea .bbsDispArea {
      overflow-y: scroll;
      width: 100%; }
      .bbsAreaW .bbsArea .bbsDispArea .bbsDispBox {
        border-bottom: 1px solid #AAA; }
    .bbsAreaW .bbsArea .replyBox {
      background: #F0F0F0; }
    .bbsAreaW .bbsArea .bbsDispBox2:nth-child(n+2) {
      border-top: 2px solid #CCC;
      padding-top: 2rem; }

#contentsW .h1AreaW {
  margin-top: 2rem; }
  #contentsW .h1AreaW .h1Area {
    background: url(/img/logoSukashi.png) no-repeat center center/contain;
    padding: 2.5rem 0; }

#contentsW > div {
  width: 100%;
  margin: 0 auto; }

.orderM {
  width: 100%;
  max-width: 816px;
  margin: 0 auto;
  padding: 1.5rem;
  background: none;
  background-image: url(/img/sp/footerBg2.png), url(/img/sp/footerBg1.png);
  background-position: right top, center top;
  background-repeat: no-repeat, no-repeat;
  background-size: cover, cover; }
  @media screen and (min-width: 640px) {
    .orderM {
      background: none;
      background-image: url(/img/footerBg2.png), url(/img/footerBg1.png);
      background-position: right top, center bottom;
      background-repeat: no-repeat, no-repeat;
      background-size: cover, cover; } }
  .orderM > p {
    color: #1E2F7D;
    text-align: center; }
  .orderM > div {
    margin-top: 1.5rem;
    width: 100%; }

.pageIndex .boardAreaW {
  width: 90%;
  max-width: 816px;
  border: 1px solid #CCC; }
  .pageIndex .boardAreaW .boardArea .div03 {
    flex: 0 0 5rem; }
  .pageIndex .boardAreaW .boardArea .boardDispArea {
    overflow-y: scroll;
    width: 100%; }
    .pageIndex .boardAreaW .boardArea .boardDispArea .boardDispBox {
      border-bottom: 1px solid #AAA; }
  .pageIndex .boardAreaW .boardArea .replyBox {
    background: #F0F0F0; }
.pageIndex .areaMovieW {
  width: 100%; }
  .pageIndex .areaMovieW .areaMovie {
    width: 85%;
    max-width: 816px;
    margin: 0 auto; }
  .pageIndex .areaMovieW h2 {
    color: #59C9B8;
    position: relative;
    margin: 0 auto; }
  .pageIndex .areaMovieW h2:before {
    position: absolute;
    top: calc(50% - 1px);
    left: 6em;
    width: 4rem;
    height: 2px;
    content: '';
    background: #F5A04E; }
  .pageIndex .areaMovieW h2 + p {
    width: 100%; }
.pageIndex .newsArea {
  width: 90%;
  max-width: 816px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0 2rem 0; }
  .pageIndex .newsArea a:link {
    color: #BF4D4F;
    text-decoration: none;
    font-weight: inherit; }
  .pageIndex .newsArea a:visited {
    color: #BF4D4F;
    text-decoration: none;
    font-weight: inherit; }
  .pageIndex .newsArea a:hover {
    color: inherit;
    text-decoration: underline;
    font-weight: inherit; }
  .pageIndex .newsArea a:active {
    color: #BF4D4F;
    text-decoration: none;
    font-weight: inherit; }
  .pageIndex .newsArea > div {
    border: 1px solid #999; }
    .pageIndex .newsArea > div > div:first-child {
      background: #fffae0;
      color: #666;
      text-align: center;
      font-weight: 500;
      padding: .4rem　0; }
    .pageIndex .newsArea > div > div:not(:first-child) {
      display: flex;
      flex-flow: row nowrap;
      border-top: 1px solid #CCC; }
      @media screen and (max-width: 639px) {
        .pageIndex .newsArea > div > div:not(:first-child) {
          flex-flow: row wrap; } }
      .pageIndex .newsArea > div > div:not(:first-child) > div:nth-of-type(1) {
        width: 6em;
        padding: .3rem; }
      .pageIndex .newsArea > div > div:not(:first-child) > div:nth-of-type(2) {
        width: 5em;
        padding: .5rem 0 .3rem 0;
        line-height: 1.4; }
        .pageIndex .newsArea > div > div:not(:first-child) > div:nth-of-type(2) span {
          display: inline-block;
          background: #59C9B8;
          color: #FFF;
          border-radius: .5em;
          padding: 0 .5em; }
        .pageIndex .newsArea > div > div:not(:first-child) > div:nth-of-type(2) span.seminar {
          background-color: #59C9B8 !important; }
        .pageIndex .newsArea > div > div:not(:first-child) > div:nth-of-type(2) span.movie {
          background-color: lightcoral !important; }
        .pageIndex .newsArea > div > div:not(:first-child) > div:nth-of-type(2) span.info {
          background-color: brown; }
      .pageIndex .newsArea > div > div:not(:first-child) > div:nth-of-type(3) {
        width: calc( 100% - 12em );
        padding: .3rem  .3rem  .3rem 1rem; }
        @media screen and (max-width: 639px) {
          .pageIndex .newsArea > div > div:not(:first-child) > div:nth-of-type(3) {
            width: 100%;
            padding: 0 .3rem .3rem .3rem; } }
  .pageIndex .newsArea table {
    border-collapse: collapse;
    border: 1px solid #333; }
    .pageIndex .newsArea table tr:not(:last-child) {
      border-bottom: 1px solid #CCC; }
    .pageIndex .newsArea table th {
      background: #fffae0;
      color: #333; }
    .pageIndex .newsArea table td {
      vertical-align: top;
      padding: .4rem　0; }
    .pageIndex .newsArea table .td01 {
      width: 6em; }
    .pageIndex .newsArea table .td02 {
      width: 7em;
      font-size: .8rem;
      padding-top: .4em;
      padding-right: 1rem; }
      .pageIndex .newsArea table .td02 span {
        display: block;
        width: 5rem;
        background: #59C9B8;
        color: #FFF;
        border-radius: 0.4rem;
        text-align: center; }
    .pageIndex .newsArea table .td03 {
      width: auto;
      color: indianred; }
.pageIndex .keyVisual {
  background: url(/img/topBg.png) no-repeat center center/cover;
  padding: 3rem 0; }
  .pageIndex .keyVisual .div01 {
    display: flex;
    align-items: center; }
    .pageIndex .keyVisual .div01 p {
      writing-mode: vertical-rl;
      -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      font-size: 1.5rem;
      line-height: 2.5em;
      height: 7em;
      color: #8e97be;
      margin: 0 auto; }
      @media screen and (max-width: 1023px) {
        .pageIndex .keyVisual .div01 p {
          font-size: clamp(14px, 1.234vw, 24px); } }
  .pageIndex .keyVisual .div02 {
    text-align: center;
    width: 60%;
    max-width: 360px;
    margin: 2rem auto 0 auto; }
  .pageIndex .keyVisual .div03 {
    text-align: center;
    color: #1E2F7D;
    margin-top: .4rem; }
.pageIndex .area01 {
  text-align: center;
  color: #59C9B8;
  line-height: 1.8;
  padding: 2.5rem; }
.pageIndex .area02 {
  width: 90%;
  max-width: 816px;
  margin: 0 auto;
  padding: 2rem 0; }
.pageIndex .area03W {
  width: 100%;
  background: url("/img/index/bg01.png") no-repeat center bottom/contain;
  background-color: #F9EBEC; }
  @media screen and (max-width: 767px) {
    .pageIndex .area03W {
      background: none;
      background-color: #F9EBEC; } }
  .pageIndex .area03W .area03W1 {
    background-color: #F9EBEC; }
    @media screen and (max-width: 767px) {
      .pageIndex .area03W .area03W1 {
        background-image: url("/img/index/bg01r.png");
        background-repeat: no-repeat;
        background-position: center bottom -10vw;
        background-size: contain; } }
  .pageIndex .area03W .area03W1_1 {
    width: 85%;
    max-width: 720px;
    margin: 0 auto;
    padding-top: 4rem;
    background-image: url("/img/index/bg02.png");
    background-repeat: no-repeat;
    background-position: top 2.5rem right 1rem;
    background-size: 40%; }
  .pageIndex .area03W .area03W2 {
    padding-bottom: 4rem; }
    @media screen and (max-width: 767px) {
      .pageIndex .area03W .area03W2 {
        background: none;
        background-image: url("/img/index/bg04.svg");
        background-repeat: repeat-y;
        background-position: center 0;
        background-size: 120%; } }
  .pageIndex .area03W h2 {
    color: #59C9B8;
    position: relative;
    margin: 0 auto; }
  .pageIndex .area03W h2:before {
    position: absolute;
    top: calc(50% - 1px);
    left: 6em;
    width: 4rem;
    height: 2px;
    content: '';
    background: #F5A04E; }
  .pageIndex .area03W h2 + p {
    width: 100%; }
  .pageIndex .area03W .div01 {
    width: 80%;
    margin: 0 auto;
    max-width: 444px;
    padding: 4rem 0; }
  .pageIndex .area03W .div02 {
    width: 85%;
    margin: 0 auto;
    line-height: 1.8;
    max-width: 702px; }
    .pageIndex .area03W .div02 p {
      padding-bottom: 1rem; }
  .pageIndex .area03W .div03 {
    width: 80%;
    margin: 0 auto;
    max-width: 574px;
    padding: 2.5rem 0; }
  .pageIndex .area03W .toggleOuter .plus, .pageIndex .area03W .toggleOuter .minus {
    width: 50%;
    max-width: 180px;
    margin: 0 auto;
    padding: 1rem 0 2rem 0; }
    .pageIndex .area03W .toggleOuter .plus img, .pageIndex .area03W .toggleOuter .minus img {
      width: 100%; }
  .pageIndex .area03W .toggleOuter .minus {
    display: none; }
  .pageIndex .area03W .toggleTrigger {
    display: none; }
  .pageIndex .area03W .toggleInner {
    display: none; }
  .pageIndex .area03W .toggleTrigger:checked ~ .toggleInner {
    display: block; }
  .pageIndex .area03W .toggleTrigger:checked ~ .toggleOuter .plus {
    display: none; }
  .pageIndex .area03W .toggleTrigger:checked ~ .toggleOuter .minus {
    display: block; }
.pageIndex .area04W {
  margin-top: 3rem;
  width: 100%;
  background-color: #fffae0; }
  .pageIndex .area04W .area04W00 {
    background-image: url("/img/index/bg04.png");
    background-position: 100px 0;
    background-repeat: repeat-y;
    background-size: 100%;
    width: 100%; }
    @media screen and (min-width: 768px) {
      .pageIndex .area04W .area04W00 {
        max-width: 1000px;
        margin: 0 auto; } }
  .pageIndex .area04W h2 {
    color: #59C9B8;
    position: relative;
    margin: 0 auto; }
  .pageIndex .area04W h2:before {
    position: absolute;
    top: calc(50% - 1px);
    left: 4em;
    width: 4rem;
    height: 2px;
    background: #F5A04E;
    content: ''; }
  .pageIndex .area04W .aboutH2:before {
    left: 5em !important; }
  .pageIndex .area04W h2 + p {
    width: 100%; }
  .pageIndex .area04W .area04W1 {
    background-image: url("/img/index/bg05.svg");
    background-repeat: no-repeat;
    background-position: center top 3rem;
    background-size: contain; }
    @media screen and (max-width: 767px) {
      .pageIndex .area04W .area04W1 {
        background-position: center top 20vw; } }
  .pageIndex .area04W .area04W1_1 {
    width: 85%;
    max-width: 720px;
    margin: 0 auto;
    padding-top: 4rem; }
  .pageIndex .area04W .area04W2 {
    padding-bottom: 4rem; }
    @media screen and (min-width: 768px) {
      .pageIndex .area04W .area04W2 {
        margin: 0 auto; } }
  .pageIndex .area04W .area04W3 {
    padding-bottom: 2rem; }
    @media screen and (min-width: 768px) {
      .pageIndex .area04W .area04W3 {
        margin: 0 auto; } }
  .pageIndex .area04W .area04W3_1 {
    width: 85%;
    max-width: 720px;
    margin: 0 auto;
    padding-top: 3rem; }
  .pageIndex .area04W .div01 {
    width: 80%;
    margin: 0 auto;
    max-width: 444px;
    padding: 4rem 0; }
  .pageIndex .area04W .div02 {
    width: 85%;
    margin: 0 auto;
    line-height: 1.8;
    max-width: 702px; }
    .pageIndex .area04W .div02 p {
      padding-bottom: 1rem; }
  .pageIndex .area04W .div03 {
    width: 80%;
    margin: 0 auto;
    max-width: 574px;
    padding: 2.5rem 0; }
  .pageIndex .area04W .div04 {
    width: 2rem;
    margin: 2rem auto; }
    .pageIndex .area04W .div04 img {
      width: 100%; }
  .pageIndex .area04W .toggleOuter .plus, .pageIndex .area04W .toggleOuter .minus {
    width: 50%;
    max-width: 180px;
    margin: 0 auto;
    padding: 1rem 0 2rem 0; }
    .pageIndex .area04W .toggleOuter .plus img, .pageIndex .area04W .toggleOuter .minus img {
      width: 100%; }
  .pageIndex .area04W .toggleOuter .minus {
    display: none; }
  .pageIndex .area04W .toggleTrigger {
    display: none; }
  .pageIndex .area04W .toggleInner {
    display: none; }
  .pageIndex .area04W .toggleTrigger:checked ~ .toggleInner {
    display: block; }
  .pageIndex .area04W .toggleTrigger:checked ~ .toggleOuter .plus {
    display: none; }
  .pageIndex .area04W .toggleTrigger:checked ~ .toggleOuter .minus {
    display: block; }
.pageIndex .area05 {
  width: 100%;
  max-width: 816px;
  margin: 4rem auto; }
  @media screen and (max-width: 639px) {
    .pageIndex .area05 {
      width: 90%; } }
.pageIndex .area06 {
  background: #F9EBEC;
  position: relative;
  width: 100%;
  max-width: 816px;
  margin: 4rem auto 0 auto;
  padding: 3rem 2rem 2rem 2rem; }
  .pageIndex .area06 .div01 {
    padding: 0 0 2rem 0; }
    .pageIndex .area06 .div01 > p:nth-of-type(1) {
      color: #59C9B8;
      text-align: center; }
    .pageIndex .area06 .div01 > p:nth-of-type(2) {
      color: #59C9B8;
      opacity: .5;
      text-align: center;
      padding-top: .5rem; }
  @media screen and (min-width: 640px) {
    .pageIndex .area06 .div02 {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between; } }
  .pageIndex .area06 .div02 > div {
    padding-bottom: 1.5rem; }
    .pageIndex .area06 .div02 > div img {
      max-width: 100%; }
    @media screen and (min-width: 640px) {
      .pageIndex .area06 .div02 > div {
        flex: 0 0 31%;
        padding-bottom: 0; } }
.pageIndex .area06:before {
  width: 1px;
  background: #59C9B8;
  height: 2.5rem;
  content: '';
  position: absolute;
  left: 50%;
  top: 0; }
.pageIndex .area07 {
  border: 1px solid #59C9B8;
  padding: 1.5rem;
  width: 85%;
  max-width: 702px;
  margin: 4rem auto 0 auto; }
  .pageIndex .area07 .div01 {
    color: #59C9B8; }
    .pageIndex .area07 .div01 img {
      display: inline-block;
      height: 1em;
      margin-right: .5rem; }
  .pageIndex .area07 .div02 {
    margin-top: .5rem;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between; }
    @media screen and (max-width: 639px) {
      .pageIndex .area07 .div02 {
        flex-flow: row wrap; } }
    .pageIndex .area07 .div02 .div02_1 {
      flex: 1 1 auto; }
      .pageIndex .area07 .div02 .div02_1 input {
        border: 1px solid #59C9B8;
        width: 100%;
        height: 2.5em;
        padding: .2em; }
      @media screen and (max-width: 639px) {
        .pageIndex .area07 .div02 .div02_1 {
          flex: 0 0 100%;
          padding-bottom: 0; } }
    .pageIndex .area07 .div02 .div02_2 {
      flex: 0 0 10em;
      text-align: right; }
      @media screen and (max-width: 639px) {
        .pageIndex .area07 .div02 .div02_2 {
          flex: 0 0 100%;
          padding-top: .5rem;
          text-align: center; } }
      .pageIndex .area07 .div02 .div02_2 input {
        width: 8em;
        padding: .5rem 1rem;
        background: #59C9B8;
        color: #FFF;
        border-radius: 1.5em; }
        @media screen and (max-width: 639px) {
          .pageIndex .area07 .div02 .div02_2 input {
            width: 100%; } }
.pageIndex .area08 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  width: 85%;
  max-width: 702px;
  margin: 2rem auto 0 auto; }
  .pageIndex .area08 > a {
    display: block;
    flex: 0 0 48%;
    border: 1px solid #59C9B8;
    padding: 1.5rem; }
    .pageIndex .area08 > a > div {
      display: flex;
      flex-flow: row-reverse nowrap;
      justify-content: space-between;
      height: 100%; }
      @media screen and (max-width: 639px) {
        .pageIndex .area08 > a > div {
          flex-flow: row-reverse wrap; } }
      .pageIndex .area08 > a > div > div:nth-of-type(2) {
        flex: 0 0 2.5rem; }
        .pageIndex .area08 > a > div > div:nth-of-type(2) img {
          width: 100%; }
        @media screen and (max-width: 639px) {
          .pageIndex .area08 > a > div > div:nth-of-type(2) {
            flex: 0 0 100%;
            padding: 0 1.5rem;
            text-align: center;
            display: flex;
            align-items: center; } }
      .pageIndex .area08 > a > div > div:nth-of-type(1) {
        flex: 1 1 auto;
        color: #59C9B8;
        padding-left: 1rem; }
        @media screen and (max-width: 639px) {
          .pageIndex .area08 > a > div > div:nth-of-type(1) {
            flex: 0 0 100%;
            padding: 0 0 1rem 0;
            text-align: center; } }
.pageIndex .area09 {
  width: 85%;
  max-width: 328px;
  margin: 2rem auto 0 auto;
  border: 1px solid #59C9B8; }

.pageGuide {
  width: 90%;
  max-width: 816px;
  margin: 5rem auto 0 auto;
  padding: 0 0 2rem 0; }
  .pageGuide .area00 {
    margin-top: 4rem;
    border: 1px solid #1E2F7D;
    border-radius: 0.625rem;
    padding: 3rem 0; }
    @media screen and (max-width: 767px) {
      .pageGuide .area00 {
        padding: 2rem 0 3rem 0; } }
    .pageGuide .area00 h2 {
      color: #1E2F7D;
      position: relative;
      padding-left: 5rem; }
      @media screen and (max-width: 767px) {
        .pageGuide .area00 h2 {
          padding-left: 3rem; } }
    .pageGuide .area00 h2:before {
      background: #E5D566;
      width: 4rem;
      height: 1px;
      position: absolute;
      content: '';
      left: 1px;
      top: .5rem; }
      @media screen and (max-width: 767px) {
        .pageGuide .area00 h2:before {
          width: 2.5rem; } }
    .pageGuide .area00 .p01 {
      padding-left: 3rem; }
      @media screen and (max-width: 767px) {
        .pageGuide .area00 .p01 {
          padding-left: 2rem; } }
    .pageGuide .area00 .div01 {
      line-height: 1.8;
      padding: 0 3rem;
      font-size: 0.875rem; }
      @media screen and (max-width: 767px) {
        .pageGuide .area00 .div01 {
          padding: .5rem 1.5rem 0 1.5rem; } }
    .pageGuide .area00 .div02 {
      line-height: 1.8;
      padding: 1rem 3rem 0 3rem; }
      @media screen and (max-width: 767px) {
        .pageGuide .area00 .div02 {
          padding: 0 1.5rem 0 1.5rem; } }
      .pageGuide .area00 .div02 dl dt {
        color: #8e97be;
        font-weight: bold;
        font-size: 0.875rem;
        padding-top: 1rem; }
  .pageGuide .area01 {
    width: 100%;
    background: #DBE0EE;
    position: relative;
    margin-top: 5rem;
    padding: 3rem 3rem 2rem 3rem; }
    @media screen and (max-width: 767px) {
      .pageGuide .area01 {
        padding: 3rem 1.5rem 2rem 1.5rem; } }
    .pageGuide .area01 > div:nth-of-type(1) {
      position: absolute;
      height: 3rem;
      left: 0;
      right: 0;
      margin: auto;
      top: -1.5rem;
      width: 100%;
      text-align: center; }
      .pageGuide .area01 > div:nth-of-type(1) h2 {
        background: #1E2F7D;
        color: #FFF;
        padding: .5em 1em;
        display: inline-block;
        border-radius: 1em; }
    .pageGuide .area01 > div:nth-of-type(2) {
      color: #1E2F7D; }
      .pageGuide .area01 > div:nth-of-type(2) > span:nth-of-type(1) {
        display: inline-block;
        padding: 0 1em;
        line-height: 2;
        background: #FFF;
        border-radius: 1em;
        margin-right: .5rem;
        vertical-align: middle; }
      .pageGuide .area01 > div:nth-of-type(2) > span:nth-of-type(2) {
        display: inline-block;
        line-height: 2;
        vertical-align: sub; }
      .pageGuide .area01 > div:nth-of-type(2) > span:nth-of-type(3) {
        display: inline-block;
        line-height: 2;
        vertical-align: sub; }
    .pageGuide .area01 > div:nth-of-type(3) {
      margin-top: 2rem; }
      @media screen and (min-width: 768px) {
        .pageGuide .area01 > div:nth-of-type(3) {
          display: flex;
          flex-flow: row nowrap;
          justify-content: space-between; } }
      .pageGuide .area01 > div:nth-of-type(3) > div {
        margin-bottom: 1.5rem; }
        @media screen and (min-width: 768px) {
          .pageGuide .area01 > div:nth-of-type(3) > div {
            flex: 0 0 31%;
            margin-bottom: 0; } }
      .pageGuide .area01 > div:nth-of-type(3) > div:nth-of-type(1) {
        flex: 0 0 40%;
        background: #1E2F7D;
        color: #FFF;
        text-align: center;
        border-radius: 1rem;
        padding: 1rem .5rem; }
        .pageGuide .area01 > div:nth-of-type(3) > div:nth-of-type(1) img {
          width: 100%; }
      .pageGuide .area01 > div:nth-of-type(3) > div:nth-of-type(2) {
        flex: 0 0 10%; }
        .pageGuide .area01 > div:nth-of-type(3) > div:nth-of-type(2) p {
          color: #1E2F7D;
          font-size: 3rem; }
      .pageGuide .area01 > div:nth-of-type(3) > div:nth-of-type(3) {
        flex: 0 0 40%; }
        .pageGuide .area01 > div:nth-of-type(3) > div:nth-of-type(3) > a {
          display: block;
          background: #1E2F7D;
          color: #FFF;
          text-align: center;
          border-radius: 1rem;
          padding: 1rem .5rem;
          width: 100%; }
    .pageGuide .area01 > div:nth-of-type(4) {
      line-height: 1.8;
      margin-top: 2rem; }
  .pageGuide .area02 {
    margin-top: 4rem;
    border: 1px solid #1E2F7D;
    border-radius: 0.625rem;
    padding: 3rem 0 1rem 0; }
    .pageGuide .area02 h2 {
      color: #1E2F7D;
      position: relative;
      padding-left: 5rem; }
      @media screen and (max-width: 767px) {
        .pageGuide .area02 h2 {
          padding-left: 3rem; } }
    .pageGuide .area02 h2:before {
      background: #E5D566;
      width: 4rem;
      height: 1px;
      position: absolute;
      content: '';
      left: 1px;
      top: .5rem; }
      @media screen and (max-width: 767px) {
        .pageGuide .area02 h2:before {
          width: 2.5rem; } }
    .pageGuide .area02 > div:nth-of-type(1) {
      line-height: 1.8;
      padding: 2rem 3rem; }
      @media screen and (max-width: 767px) {
        .pageGuide .area02 > div:nth-of-type(1) {
          padding: 2rem; } }
    .pageGuide .area02 > div:nth-of-type(2) {
      margin: 0 auto 0 auto; }
      @media screen and (min-width: 768px) {
        .pageGuide .area02 > div:nth-of-type(2) {
          width: 620px;
          display: flex;
          flex-flow: row nowrap;
          justify-content: space-between; } }
      .pageGuide .area02 > div:nth-of-type(2) > a {
        display: block;
        color: #1E2F7D;
        border: 1px solid #1E2F7D;
        border-radius: 0.625rem;
        padding: 1rem;
        width: 70%;
        margin: 0 auto 1.5rem auto;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between; }
        @media screen and (min-width: 768px) {
          .pageGuide .area02 > div:nth-of-type(2) > a {
            flex: 0 0 46%;
            width: auto; } }
  .pageGuide .area03 {
    margin-top: 4rem; }
  .pageGuide .area04 {
    width: 100%;
    background: #DBE0EE;
    position: relative;
    margin-top: 5rem;
    padding: 3rem 3rem 2rem 3rem; }
    @media screen and (max-width: 767px) {
      .pageGuide .area04 {
        padding: 3rem 1.5rem 2rem 1.5rem; } }
    .pageGuide .area04 > div:last-child {
      margin-bottom: 0 !important; }
    .pageGuide .area04 > div:nth-of-type(1) {
      position: absolute;
      height: 3rem;
      left: 0;
      right: 0;
      margin: auto;
      top: -1.5rem;
      width: 100%;
      text-align: center; }
      .pageGuide .area04 > div:nth-of-type(1) h2 {
        background: #1E2F7D;
        color: #FFF;
        padding: .5em 1em;
        display: inline-block;
        border-radius: 1em; }
    .pageGuide .area04 > div:nth-of-type(2) {
      color: #1E2F7D;
      position: relative;
      margin-bottom: 2rem; }
      .pageGuide .area04 > div:nth-of-type(2) > span:nth-of-type(1) {
        display: inline-block;
        padding: 0 1em;
        line-height: 2;
        background: #FFF;
        border-radius: 1em;
        margin-right: .5rem;
        vertical-align: middle; }
    .pageGuide .area04 > div:nth-of-type(2):after {
      border: 2rem solid transparent;
      border-width: .5rem 1rem .5rem 1rem;
      border-top-color: #B99C5A;
      border-bottom-width: 0;
      bottom: -.5rem;
      content: "";
      display: block;
      left: 0;
      right: 0;
      margin: auto;
      position: absolute;
      width: 0; }
    .pageGuide .area04 .div01 {
      border: 1px solid #1E2F7D;
      border-radius: .5rem;
      background: #FFF;
      padding: 1.5rem 3rem;
      margin-bottom: 1.5rem; }
      @media screen and (max-width: 767px) {
        .pageGuide .area04 .div01 {
          padding: 1.5rem; } }
      .pageGuide .area04 .div01 > div:last-child {
        margin-bottom: 0 !important; }
      .pageGuide .area04 .div01 .div01_1 {
        color: #1E2F7D;
        text-align: center;
        border-bottom: 1px solid #B99C5A;
        position: relative;
        margin-bottom: 2rem; }
      .pageGuide .area04 .div01 .div01_1:after {
        border: 2rem solid transparent;
        border-width: .5rem 1rem .5rem 1rem;
        border-top-color: #B99C5A;
        border-bottom-width: 0;
        bottom: -.5rem;
        content: "";
        display: block;
        left: 0;
        right: 0;
        margin: auto;
        position: absolute;
        width: 0; }
      .pageGuide .area04 .div01 .div01_2 {
        color: #1E2F7D;
        margin-bottom: .5rem;
        display: inline-block;
        padding: 0 1em;
        line-height: 2;
        background: #DBE0EE;
        border-radius: 1em; }
      .pageGuide .area04 .div01 .div01_3 {
        line-height: 1.8;
        margin-bottom: 1.5rem; }
  .pageGuide .area05 {
    width: 100%;
    background: #DBE0EE;
    position: relative;
    margin-top: 5rem;
    padding: 3rem 3rem 2rem 3rem; }
    @media screen and (max-width: 767px) {
      .pageGuide .area05 {
        padding: 3rem 1.5rem 2rem 1.5rem; } }
    .pageGuide .area05 > div:nth-of-type(1) {
      position: absolute;
      height: 3rem;
      left: 0;
      right: 0;
      margin: auto;
      top: -1.5rem;
      width: 100%;
      text-align: center; }
      .pageGuide .area05 > div:nth-of-type(1) h2 {
        background: #1E2F7D;
        color: #FFF;
        padding: .5em 1em;
        display: inline-block;
        border-radius: 1em; }
    .pageGuide .area05 > div:nth-of-type(2) {
      color: #1E2F7D; }
      .pageGuide .area05 > div:nth-of-type(2) > span:nth-of-type(1) {
        display: inline-block;
        padding: 0 1em;
        line-height: 2;
        background: #FFF;
        border-radius: 1em;
        margin-right: .5rem;
        vertical-align: middle; }
      .pageGuide .area05 > div:nth-of-type(2) > span:nth-of-type(2) {
        display: inline-block;
        line-height: 2;
        vertical-align: sub; }
      .pageGuide .area05 > div:nth-of-type(2) > span:nth-of-type(3) {
        display: inline-block;
        line-height: 2;
        vertical-align: sub; }
    .pageGuide .area05 > div:nth-of-type(3) {
      margin-top: 2rem; }
      @media screen and (min-width: 768px) {
        .pageGuide .area05 > div:nth-of-type(3) {
          display: flex;
          flex-flow: row nowrap;
          justify-content: space-between; } }
      .pageGuide .area05 > div:nth-of-type(3) > div:nth-of-type(1) {
        margin-bottom: 1.5rem;
        color: #FFF;
        text-align: center;
        border-radius: 1rem; }
        @media screen and (min-width: 768px) {
          .pageGuide .area05 > div:nth-of-type(3) > div:nth-of-type(1) {
            flex: 0 0 40%;
            margin-bottom: 0; } }
        .pageGuide .area05 > div:nth-of-type(3) > div:nth-of-type(1) img {
          width: 100%; }
      @media screen and (min-width: 768px) {
        .pageGuide .area05 > div:nth-of-type(3) > div:nth-of-type(2) {
          flex: 0 0 50%;
          margin-bottom: 0; } }
      .pageGuide .area05 > div:nth-of-type(3) > div:nth-of-type(2) p {
        padding-bottom: 1rem;
        line-height: 1.8; }
      .pageGuide .area05 > div:nth-of-type(3) > div:nth-of-type(2) p:last-child {
        padding-bottom: 0 !important; }
    .pageGuide .area05 > div:nth-of-type(4) {
      line-height: 1.8;
      margin-top: 2rem; }

.pageBenefitsW {
  background: #ECEDF4; }

.pageBenefits {
  width: 90%;
  max-width: 816px;
  margin: 5rem auto 0 auto;
  padding: 5rem 0 2rem 0; }
  .pageBenefits .area01 {
    margin: 0 auto 1rem auto;
    width: 100%;
    background: #FFF;
    box-shadow: 0px 0px 0.625rem #00B9FF5C;
    border: 1px solid #AEBCFF;
    border-radius: 1rem;
    padding: 2rem 3rem 2rem 3rem; }
    @media screen and (max-width: 767px) {
      .pageBenefits .area01 {
        padding: 2rem 1.5rem 2rem 1.5rem; } }
    .pageBenefits .area01 .div01 {
      position: relative;
      text-align: center; }
      .pageBenefits .area01 .div01 p {
        display: inline-block;
        line-height: 1.5;
        color: #1E2F7D;
        padding: 0 1rem; }
    .pageBenefits .area01 .div01:before,
    .pageBenefits .area01 .div01:after {
      position: relative;
      display: inline-block;
      content: "";
      background: #1E2F7D;
      width: 2px;
      margin: 0 .5em;
      margin-top: -1.2em;
      vertical-align: middle;
      height: 4em; }
      @media screen and (min-width: 1024px) {
        .pageBenefits .area01 .div01:before,
        .pageBenefits .area01 .div01:after {
          height: 3em;
          margin-top: -0.2em; } }
    .pageBenefits .area01 .div01:before {
      transform: rotate(-35deg); }
    .pageBenefits .area01 .div01:after {
      transform: rotate(35deg); }
    .pageBenefits .area01 .div02 {
      margin-top: 2rem;
      line-height: 1.8;
      text-align: left; }
      @media screen and (min-width: 1024px) {
        .pageBenefits .area01 .div02 {
          text-align: center; } }
    .pageBenefits .area01 .div03 {
      margin-top: 2rem;
      line-height: 1.8;
      color: #B99C5A;
      text-align: left; }
      @media screen and (min-width: 1024px) {
        .pageBenefits .area01 .div03 {
          text-align: center; } }
    .pageBenefits .area01 .div04 {
      margin: 2rem auto 0 auto;
      width: 80%;
      max-width: 462px;
      background: #EEE; }
    .pageBenefits .area01 .div05 {
      margin-top: 2rem;
      line-height: 1.8;
      text-align: left; }
      .pageBenefits .area01 .div05 hr {
        border: 1px solid #A7ACC4;
        width: 60%;
        margin: 1rem auto 3rem auto; }
      .pageBenefits .area01 .div05 p {
        padding-bottom: 2rem; }
      .pageBenefits .area01 .div05 p:last-child {
        padding-bottom: 0 !important; }
    .pageBenefits .area01 .div06 {
      margin-top: 2rem; }
      .pageBenefits .area01 .div06 > a {
        margin: 0 auto;
        width: 100%;
        max-width: 295px;
        color: #1E2F7D;
        border: 1px solid #1E2F7D;
        border-radius: 0.625rem;
        padding: 1rem;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between; }
  .pageBenefits .area02 {
    margin-top: 4rem; }
    .pageBenefits .area02 > div:nth-of-type(1) {
      color: #1E2F7D; }
    .pageBenefits .area02 > div:nth-of-type(2) {
      color: #848DB8; }
  .pageBenefits .area02:before {
    display: block;
    content: '';
    width: 1px;
    background: #1E2F7D;
    height: 3rem;
    margin: 0 auto 1rem auto; }
  .pageBenefits .area03 {
    margin-top: 3rem;
    background: #FFF;
    padding: 2rem 0; }
    .pageBenefits .area03 h2 {
      color: #1E2F7D;
      padding-left: 4rem;
      position: relative;
      line-height: 1; }
      @media screen and (max-width: 767px) {
        .pageBenefits .area03 h2 {
          padding-left: 1.5rem; } }
    .pageBenefits .area03 h2:before {
      display: block;
      position: absolute;
      left: 0;
      top: .5em;
      content: '';
      height: 1px;
      background: #B99C5A;
      width: 3rem; }
      @media screen and (max-width: 767px) {
        .pageBenefits .area03 h2:before {
          width: 1rem; } }
    .pageBenefits .area03 > div {
      padding: 1rem 4rem 0 4rem;
      line-height: 1.8; }
      @media screen and (max-width: 767px) {
        .pageBenefits .area03 > div {
          padding: 1rem 1.5rem 0 1.5rem; } }
  .pageBenefits .area04 {
    margin-top: 3rem;
    background: #FFF;
    padding: 2rem 0 1rem 0; }
    .pageBenefits .area04 h2 {
      color: #1E2F7D;
      padding-left: 4rem;
      position: relative;
      line-height: 1; }
      @media screen and (max-width: 767px) {
        .pageBenefits .area04 h2 {
          padding-left: 1.5rem; } }
    .pageBenefits .area04 h2:before {
      display: block;
      position: absolute;
      left: 0;
      top: .5em;
      content: '';
      height: 1px;
      background: #B99C5A;
      width: 3rem; }
      @media screen and (max-width: 767px) {
        .pageBenefits .area04 h2:before {
          width: 1rem; } }
    @media screen and (min-width: 768px) {
      .pageBenefits .area04 > div {
        display: flex;
        flex-flow: row-reverse nowrap;
        justify-content: space-between; } }
    .pageBenefits .area04 > div > div:nth-of-type(1) {
      flex: 0 0 50%; }
      .pageBenefits .area04 > div > div:nth-of-type(1) > div {
        padding: 0 4rem 0 2rem; }
        @media screen and (max-width: 767px) {
          .pageBenefits .area04 > div > div:nth-of-type(1) > div {
            padding: 0 1.5rem; } }
    .pageBenefits .area04 > div > div:nth-of-type(2) {
      flex: 0 0 50%; }
      @media screen and (max-width: 767px) {
        .pageBenefits .area04 > div > div:nth-of-type(2) {
          padding-top: 1.5rem; } }
      .pageBenefits .area04 > div > div:nth-of-type(2) > div {
        padding: 1rem 2rem 0 4rem;
        line-height: 1.8; }
        @media screen and (max-width: 767px) {
          .pageBenefits .area04 > div > div:nth-of-type(2) > div {
            padding: 1rem 1.5rem 1rem 1.5rem; } }
  .pageBenefits .area05 {
    margin-top: 2rem; }
    .pageBenefits .area05 > p:nth-of-type(1) {
      line-height: 1.8; }
    .pageBenefits .area05 > p:nth-of-type(2) {
      margin-top: 1rem;
      line-height: 1.8;
      color: #1E2F7D; }

.pageFaq {
  width: 90%;
  max-width: 816px;
  margin: 5rem auto 0 auto;
  padding: 0 0 2rem 0; }
  .pageFaq .faqToggle {
    border: #A7ACC4 1px solid;
    padding: 1rem;
    margin-bottom: 1.5rem; }
    .pageFaq .faqToggle .toggleTrigger {
      display: none; }
    .pageFaq .faqToggle .toggleOuter > label .div01 {
      padding: 0 3rem;
      position: relative;
      line-height: 1.8; }
      .pageFaq .faqToggle .toggleOuter > label .div01 .plus, .pageFaq .faqToggle .toggleOuter > label .div01 .minus {
        position: absolute;
        right: 0.5rem;
        top: 0;
        font-size: 1.5rem;
        line-height: 1; }
      .pageFaq .faqToggle .toggleOuter > label .div01 .minus {
        display: none; }
    .pageFaq .faqToggle .toggleOuter > label .div01:before {
      content: 'Q';
      color: #1E2F7D;
      font-weight: 700;
      position: absolute;
      left: 1rem; }
    .pageFaq .faqToggle .toggleInner {
      display: none;
      padding: 1rem 3rem 0 3rem;
      position: relative;
      line-height: 1.8; }
      .pageFaq .faqToggle .toggleInner a:link {
        color: #BF4D4F;
        text-decoration: underline;
        font-weight: inherit; }
      .pageFaq .faqToggle .toggleInner a:visited {
        color: #BF4D4F;
        text-decoration: underline;
        font-weight: inherit; }
      .pageFaq .faqToggle .toggleInner a:hover {
        color: inherit;
        text-decoration: none;
        font-weight: inherit; }
      .pageFaq .faqToggle .toggleInner a:active {
        color: inherit;
        text-decoration: none;
        font-weight: inherit; }
    .pageFaq .faqToggle .toggleInner:before {
      content: 'A';
      color: #1E2F7D;
      font-weight: 700;
      position: absolute;
      left: 1rem; }
    .pageFaq .faqToggle .toggleTrigger:checked ~ .toggleInner {
      display: block; }
    .pageFaq .faqToggle .toggleTrigger:checked ~ .toggleOuter .plus {
      display: none; }
    .pageFaq .faqToggle .toggleTrigger:checked ~ .toggleOuter .minus {
      display: block; }

.pageGoods {
  width: 96%;
  max-width: 816px;
  margin: 5rem auto 0 auto;
  padding: 0 0 2rem 0; }
  .pageGoods .baseDiv {
    margin-top: 4rem;
    border: 1px solid #1E2F7D;
    border-radius: 0.625rem;
    padding: 3rem 0 1rem 0; }
    .pageGoods .baseDiv h2 {
      color: #1E2F7D;
      position: relative;
      padding-left: 5rem; }
      @media screen and (max-width: 767px) {
        .pageGoods .baseDiv h2 {
          padding-left: 3rem; } }
    .pageGoods .baseDiv h2:before {
      background: #E5D566;
      width: 4rem;
      height: 1px;
      position: absolute;
      content: '';
      left: 1px;
      top: .5rem; }
      @media screen and (max-width: 767px) {
        .pageGoods .baseDiv h2:before {
          width: 2.5rem; } }
    .pageGoods .baseDiv > div {
      line-height: 1.8;
      padding: 2rem 3rem; }
      @media screen and (max-width: 767px) {
        .pageGoods .baseDiv > div {
          padding: 2rem; } }

.pageCart {
  width: 90%;
  max-width: 816px;
  margin: 5rem auto 0 auto;
  padding: 0 0 2rem 0; }

.pageUchumeiso2023W {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto; }
  .pageUchumeiso2023W .thisPink {
    color: #EB6688; }
  .pageUchumeiso2023W .thisBlue {
    color: #41ADF5; }
  .pageUchumeiso2023W .red {
    color: #C8161D !important; }
  .pageUchumeiso2023W .star01 {
    width: 40px;
    padding: 2rem 0;
    margin: 0 auto; }
  .pageUchumeiso2023W .point01 {
    max-width: 1rem;
    margin: 0 auto; }
  .pageUchumeiso2023W .point02 {
    max-width: 40px;
    margin: 0 auto; }
  .pageUchumeiso2023W .yajirushi {
    max-width: 15px;
    margin: 0 auto; }
  .pageUchumeiso2023W .keyVisual {
    width: 100%; }
  .pageUchumeiso2023W .area01W {
    width: 100%;
    margin: 0 auto;
    padding: 4rem 0 0 0;
    background: url(/img/goods/20230322/bg01.png) #FAFAF4 no-repeat top 0 center/contain; }
    @media screen and (max-width: 639px) {
      .pageUchumeiso2023W .area01W {
        padding: 2rem 0 0 0; } }
    @media screen and (max-width: 639px) {
      .pageUchumeiso2023W .area01W {
        background: url(/img/goods/20230322/bg01.png) #FAFAF4 no-repeat top 10rem center/contain; } }
    .pageUchumeiso2023W .area01W .cmt-3 {
      padding-top: clamp(1.5rem, 1.75vw, 3rem); }
    .pageUchumeiso2023W .area01W .cmb-3 {
      padding-bottom: clamp(1.5rem, 1.75vw, 3rem); }
    .pageUchumeiso2023W .area01W .area01 .area01_1 {
      max-width: 300px;
      margin: 0 auto;
      padding: 4rem 0 3rem 0; }
      @media screen and (max-width: 1023px) {
        .pageUchumeiso2023W .area01W .area01 .area01_1 {
          padding: 3rem 0 2rem 0; } }
      @media screen and (max-width: 767px) {
        .pageUchumeiso2023W .area01W .area01 .area01_1 {
          padding: 0 0 2rem 0; } }
      @media screen and (max-width: 639px) {
        .pageUchumeiso2023W .area01W .area01 .area01_1 {
          padding: 0 0 clamp(1rem, 5vw, 4rem) 0; } }
    .pageUchumeiso2023W .area01W .area01 .area01_2 {
      max-width: 300px;
      margin: 0 auto;
      padding: 3rem 0 15rem 0; }
      @media screen and (max-width: 1023px) {
        .pageUchumeiso2023W .area01W .area01 .area01_2 {
          padding: 2rem 0 8rem 0; } }
      @media screen and (max-width: 767px) {
        .pageUchumeiso2023W .area01W .area01 .area01_2 {
          padding: 2rem 0 5rem 0; } }
      @media screen and (max-width: 639px) {
        .pageUchumeiso2023W .area01W .area01 .area01_2 {
          padding: clamp(3rem, 15vw, 7rem) 0 4rem 0; } }
    .pageUchumeiso2023W .area01W .area01 .area01_3 {
      max-width: 300px;
      margin: 0 auto; }
    .pageUchumeiso2023W .area01W .area01 .area01_4 {
      width: 100%;
      max-width: 816px;
      margin: 0 auto; }
    .pageUchumeiso2023W .area01W .area01 .area01_5 {
      width: 100%;
      max-width: 816px;
      margin: 0 auto; }
    .pageUchumeiso2023W .area01W .area01 .area01_6 {
      max-width: 300px;
      margin: 0 auto; }
    .pageUchumeiso2023W .area01W .area01 .area01_text {
      width: 90%;
      max-width: 816px;
      margin: 0 auto;
      line-height: 1.8; }
      .pageUchumeiso2023W .area01W .area01 .area01_text span {
        font-weight: bold;
        color: #E60012; }
    .pageUchumeiso2023W .area01W .area01 .area01_7 {
      max-width: 300px;
      margin: 0 auto; }
    .pageUchumeiso2023W .area01W .area01 .area01_8 {
      max-width: 816px;
      margin: 0 auto; }
  .pageUchumeiso2023W .area02_0 {
    width: 100%;
    margin-top: -2rem;
    border-top: clamp(0px, 12.5vw, 150px) solid #FAFAF4;
    border-right: clamp(0px, 50vw, 640px) solid #FAFAF4;
    border-bottom: clamp(0px, 12.5vw, 150px) solid #F0F0F0;
    border-left: clamp(0px, 50vw, 640px) solid #FAFAF4; }
  .pageUchumeiso2023W .area02W {
    background: #F0F0F0;
    width: 100%;
    margin: 0 auto;
    padding: 1rem 0 5rem 0; }
    .pageUchumeiso2023W .area02W .area02 {
      width: 90%;
      max-width: 816px;
      margin: 0 auto; }
      .pageUchumeiso2023W .area02W .area02 .area02_text {
        max-width: 816px;
        margin: 0 auto;
        padding: 3rem 0;
        line-height: 1.8; }
        .pageUchumeiso2023W .area02W .area02 .area02_text span {
          font-weight: bold;
          border-bottom: solid 1px #E60012; }
      .pageUchumeiso2023W .area02W .area02 .area02_text1 {
        width: 90%;
        margin: 0 auto;
        text-align: center;
        padding: 3rem 0;
        line-height: 1.8;
        font-size: 1.25rem; }
        .pageUchumeiso2023W .area02W .area02 .area02_text1 span {
          font-weight: bold;
          border-bottom: double 4px #E60012; }
      .pageUchumeiso2023W .area02W .area02 .area02_1 {
        max-width: 200px;
        margin: 0 auto;
        padding: 0; }
      .pageUchumeiso2023W .area02W .area02 .area02_2 {
        max-width: 200px;
        margin: 0 auto;
        padding: 3rem 0 3rem 0; }
      .pageUchumeiso2023W .area02W .area02 .area02_3 {
        max-width: 300px;
        margin: 0 auto;
        padding: 0 0 3rem 0; }
      .pageUchumeiso2023W .area02W .area02 .area02_4 {
        max-width: 300px;
        margin: 0 auto;
        padding: 0 0 3rem 0; }
      .pageUchumeiso2023W .area02W .area02 .area02_5 {
        max-width: 300px;
        margin: 0 auto;
        padding: 0 0 3rem 0; }
  .pageUchumeiso2023W .area03W {
    background: #FAFAF4;
    width: 100%;
    margin: 0 auto;
    padding: 5rem 0 5rem 0; }
    .pageUchumeiso2023W .area03W .area03 {
      width: 90%;
      max-width: 930px;
      margin: 0 auto; }
      .pageUchumeiso2023W .area03W .area03 .area03_1 {
        max-width: 604px;
        margin: 0 auto;
        padding: 0 0 3rem 0; }
      .pageUchumeiso2023W .area03W .area03 .area03_2 {
        max-width: 521px;
        margin: 0 auto;
        padding: 0 0 3rem 0; }
        @media screen and (max-width: 767px) {
          .pageUchumeiso2023W .area03W .area03 .area03_2 {
            max-width: 304px; } }
      .pageUchumeiso2023W .area03W .area03 .area03_3W {
        display: flex;
        justify-content: center;
        align-items: center; }
        @media screen and (max-width: 767px) {
          .pageUchumeiso2023W .area03W .area03 .area03_3W {
            display: block; } }
        .pageUchumeiso2023W .area03W .area03 .area03_3W .area03_3 {
          flex: 0 0 50%; }
          @media screen and (max-width: 767px) {
            .pageUchumeiso2023W .area03W .area03 .area03_3W .area03_3 {
              flex: 0 0 100%; } }
          .pageUchumeiso2023W .area03W .area03 .area03_3W .area03_3 > div {
            max-width: 322px;
            margin: 0 auto; }
            @media screen and (max-width: 767px) {
              .pageUchumeiso2023W .area03W .area03 .area03_3W .area03_3 > div {
                max-width: 275.69px; } }
        .pageUchumeiso2023W .area03W .area03 .area03_3W .area03_4 {
          flex: 0 0 50%; }
          @media screen and (max-width: 767px) {
            .pageUchumeiso2023W .area03W .area03 .area03_3W .area03_4 {
              flex: 0 0 100%;
              padding-top: 3rem; } }
          .pageUchumeiso2023W .area03W .area03 .area03_3W .area03_4 > div {
            max-width: 459.16px;
            margin: 0 auto; }
            @media screen and (max-width: 767px) {
              .pageUchumeiso2023W .area03W .area03 .area03_3W .area03_4 > div {
                max-width: 326px; } }
  .pageUchumeiso2023W .area04W {
    background: #F0F0F0;
    width: 100%;
    margin: 0 auto;
    padding: 0 0 5rem 0; }
    .pageUchumeiso2023W .area04W .area04 {
      width: 90%;
      max-width: 930px;
      margin: 0 auto;
      text-align: center; }
      .pageUchumeiso2023W .area04W .area04 .area04_1 {
        max-width: 200px;
        margin: 0 auto;
        padding: 0 0 3rem 0; }
      .pageUchumeiso2023W .area04W .area04 .area04_2 {
        max-width: 345px;
        margin: 0 auto;
        padding: 0; }
      .pageUchumeiso2023W .area04W .area04 .area04_3 {
        padding-top: 2rem; }
        .pageUchumeiso2023W .area04W .area04 .area04_3 span:nth-of-type(1) {
          font-weight: bold; }
        .pageUchumeiso2023W .area04W .area04 .area04_3 span:nth-of-type(2) {
          font-weight: bold;
          color: #315B8D;
          font-size: 1.125rem; }
        .pageUchumeiso2023W .area04W .area04 .area04_3 span:nth-of-type(3) {
          color: #315B8D; }
      .pageUchumeiso2023W .area04W .area04 .area04_4 {
        padding: .5rem 0 0 0;
        text-align: center; }
        .pageUchumeiso2023W .area04W .area04 .area04_4 svg {
          margin: 0 auto; }
      .pageUchumeiso2023W .area04W .area04 .area04_5 {
        padding: .5rem 0 0 0;
        font-weight: bold;
        color: #E60012; }
        .pageUchumeiso2023W .area04W .area04 .area04_5 span:nth-of-type(1) {
          font-size: 1.5rem; }
        .pageUchumeiso2023W .area04W .area04 .area04_5 span:nth-of-type(2) {
          font-size: 0.875rem; }
      .pageUchumeiso2023W .area04W .area04 .area04_6 {
        padding: .5rem 0 0 0;
        text-align: center;
        font-weight: bold; }
      .pageUchumeiso2023W .area04W .area04 .area04_7 {
        max-width: 345px;
        margin: 0 auto;
        padding: 1.5rem 0 0 0; }
      .pageUchumeiso2023W .area04W .area04 .area04_8 {
        padding-top: 1.5rem; }
  .pageUchumeiso2023W .area05W {
    background: #FAFAF4;
    width: 100%;
    margin: 0 auto;
    padding: 5rem 0 5rem 0; }
    .pageUchumeiso2023W .area05W .area05 {
      width: 90%;
      max-width: 816px;
      margin: 0 auto; }
      .pageUchumeiso2023W .area05W .area05 .area05_1 {
        max-width: 200px;
        margin: 0 auto;
        padding: 0 0 3rem 0; }
    .pageUchumeiso2023W .area05W .qaArea {
      padding: clamp(1.5rem, 1.75vw, 3rem) 0 0 0; }
      .pageUchumeiso2023W .area05W .qaArea .qA {
        background: #FFF;
        position: relative;
        padding: 1rem 2.5rem;
        font-weight: bold; }
      .pageUchumeiso2023W .area05W .qaArea .qA:before {
        content: 'Q';
        color: #E60012;
        font-weight: bold;
        position: absolute;
        left: 1rem;
        top: 1rem; }
      .pageUchumeiso2023W .area05W .qaArea .aA {
        padding: 1rem 0 0 0;
        line-height: 1.8; }
  .pageUchumeiso2023W .orderW {
    padding: 3rem 0; }
    @media screen and (max-width: 767px) {
      .pageUchumeiso2023W .orderW {
        padding: clamp(1.5rem, 3.75vw, 3rem) 0; } }
    .pageUchumeiso2023W .orderW .order {
      width: 80%;
      max-width: 415px; }
      .pageUchumeiso2023W .orderW .order input {
        width: 100%; }
      .pageUchumeiso2023W .orderW .order input:hover {
        opacity: 0.5; }

.pageUchumeiso2024W {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto; }
  .pageUchumeiso2024W .thisPink {
    color: #EB6688; }
  .pageUchumeiso2024W .thisBlue {
    color: #41ADF5; }
  .pageUchumeiso2024W .red {
    color: #C8161D !important; }
  .pageUchumeiso2024W .star01 {
    width: 40px;
    padding: 2rem 0;
    margin: 0 auto; }
  .pageUchumeiso2024W .point01 {
    max-width: 1rem;
    margin: 0 auto; }
  .pageUchumeiso2024W .point02 {
    max-width: 40px;
    margin: 0 auto; }
  .pageUchumeiso2024W .yajirushi {
    max-width: 15px;
    margin: 0 auto; }
  .pageUchumeiso2024W .keyVisual {
    width: 100%; }
  .pageUchumeiso2024W .area01W {
    width: 100%;
    margin: 0 auto;
    padding: 4rem 0 0 0;
    background: url(/img/goods/20230322/bg01.png) #FAFAF4 no-repeat top 0 center/contain; }
    @media screen and (max-width: 639px) {
      .pageUchumeiso2024W .area01W {
        padding: 2rem 0 0 0; } }
    @media screen and (max-width: 639px) {
      .pageUchumeiso2024W .area01W {
        background: url(/img/goods/20230322/bg01.png) #FAFAF4 no-repeat top 10rem center/contain; } }
    .pageUchumeiso2024W .area01W .cmt-3 {
      padding-top: clamp(1.5rem, 1.75vw, 3rem); }
    .pageUchumeiso2024W .area01W .cmb-3 {
      padding-bottom: clamp(1.5rem, 1.75vw, 3rem); }
    .pageUchumeiso2024W .area01W .area01 .area01_1 {
      max-width: 300px;
      margin: 0 auto;
      padding: 4rem 0 3rem 0; }
      @media screen and (max-width: 1023px) {
        .pageUchumeiso2024W .area01W .area01 .area01_1 {
          padding: 3rem 0 2rem 0; } }
      @media screen and (max-width: 767px) {
        .pageUchumeiso2024W .area01W .area01 .area01_1 {
          padding: 0 0 2rem 0; } }
      @media screen and (max-width: 639px) {
        .pageUchumeiso2024W .area01W .area01 .area01_1 {
          padding: 0 0 clamp(1rem, 5vw, 4rem) 0; } }
    .pageUchumeiso2024W .area01W .area01 .area01_2 {
      max-width: 300px;
      margin: 0 auto;
      padding: 3rem 0 15rem 0; }
      @media screen and (max-width: 1023px) {
        .pageUchumeiso2024W .area01W .area01 .area01_2 {
          padding: 2rem 0 8rem 0; } }
      @media screen and (max-width: 767px) {
        .pageUchumeiso2024W .area01W .area01 .area01_2 {
          padding: 2rem 0 5rem 0; } }
      @media screen and (max-width: 639px) {
        .pageUchumeiso2024W .area01W .area01 .area01_2 {
          padding: clamp(3rem, 15vw, 7rem) 0 4rem 0; } }
    .pageUchumeiso2024W .area01W .area01 .area01_3 {
      max-width: 300px;
      margin: 0 auto; }
    .pageUchumeiso2024W .area01W .area01 .area01_4 {
      width: 100%;
      max-width: 816px;
      margin: 0 auto; }
    .pageUchumeiso2024W .area01W .area01 .area01_5 {
      width: 100%;
      max-width: 816px;
      margin: 0 auto; }
    .pageUchumeiso2024W .area01W .area01 .area01_6 {
      max-width: 300px;
      margin: 0 auto; }
    .pageUchumeiso2024W .area01W .area01 .area01_text {
      width: 90%;
      max-width: 816px;
      margin: 0 auto;
      line-height: 1.8; }
      .pageUchumeiso2024W .area01W .area01 .area01_text span {
        font-weight: bold;
        color: #E60012; }
    .pageUchumeiso2024W .area01W .area01 .area01_7 {
      max-width: 300px;
      margin: 0 auto; }
    .pageUchumeiso2024W .area01W .area01 .area01_8 {
      max-width: 816px;
      margin: 0 auto; }
  .pageUchumeiso2024W .area02_0 {
    width: 100%;
    margin-top: -2rem;
    border-top: clamp(0px, 12.5vw, 150px) solid #FAFAF4;
    border-right: clamp(0px, 50vw, 640px) solid #FAFAF4;
    border-bottom: clamp(0px, 12.5vw, 150px) solid #F0F0F0;
    border-left: clamp(0px, 50vw, 640px) solid #FAFAF4; }
  .pageUchumeiso2024W .area02W {
    background: #F0F0F0;
    width: 100%;
    margin: 0 auto;
    padding: 1rem 0 5rem 0; }
    .pageUchumeiso2024W .area02W .area02 {
      width: 90%;
      max-width: 816px;
      margin: 0 auto; }
      .pageUchumeiso2024W .area02W .area02 .area02_text {
        max-width: 816px;
        margin: 0 auto;
        padding: 3rem 0;
        line-height: 1.8; }
        .pageUchumeiso2024W .area02W .area02 .area02_text span {
          font-weight: bold;
          border-bottom: solid 1px #E60012; }
      .pageUchumeiso2024W .area02W .area02 .area02_text1 {
        width: 90%;
        margin: 0 auto;
        text-align: center;
        padding: 3rem 0;
        line-height: 1.8;
        font-size: 1.25rem; }
        .pageUchumeiso2024W .area02W .area02 .area02_text1 span {
          font-weight: bold;
          border-bottom: double 4px #E60012; }
      .pageUchumeiso2024W .area02W .area02 .area02_1 {
        max-width: 200px;
        margin: 0 auto;
        padding: 0; }
      .pageUchumeiso2024W .area02W .area02 .area02_2 {
        max-width: 200px;
        margin: 0 auto;
        padding: 3rem 0 3rem 0; }
      .pageUchumeiso2024W .area02W .area02 .area02_3 {
        max-width: 300px;
        margin: 0 auto;
        padding: 0 0 3rem 0; }
      .pageUchumeiso2024W .area02W .area02 .area02_4 {
        max-width: 300px;
        margin: 0 auto;
        padding: 0 0 3rem 0; }
      .pageUchumeiso2024W .area02W .area02 .area02_5 {
        max-width: 300px;
        margin: 0 auto;
        padding: 0 0 3rem 0; }
  .pageUchumeiso2024W .area03W {
    background: #FAFAF4;
    width: 100%;
    margin: 0 auto;
    padding: 5rem 0 5rem 0; }
    .pageUchumeiso2024W .area03W .area03 {
      width: 90%;
      max-width: 930px;
      margin: 0 auto; }
      .pageUchumeiso2024W .area03W .area03 .area03_1 {
        max-width: 604px;
        margin: 0 auto;
        padding: 0 0 3rem 0; }
      .pageUchumeiso2024W .area03W .area03 .area03_2 {
        max-width: 521px;
        margin: 0 auto;
        padding: 0 0 3rem 0; }
        @media screen and (max-width: 767px) {
          .pageUchumeiso2024W .area03W .area03 .area03_2 {
            max-width: 304px; } }
      .pageUchumeiso2024W .area03W .area03 .area03_3W {
        display: flex;
        justify-content: center;
        align-items: center; }
        @media screen and (max-width: 767px) {
          .pageUchumeiso2024W .area03W .area03 .area03_3W {
            display: block; } }
        .pageUchumeiso2024W .area03W .area03 .area03_3W .area03_3 {
          flex: 0 0 50%; }
          @media screen and (max-width: 767px) {
            .pageUchumeiso2024W .area03W .area03 .area03_3W .area03_3 {
              flex: 0 0 100%; } }
          .pageUchumeiso2024W .area03W .area03 .area03_3W .area03_3 > div {
            max-width: 322px;
            margin: 0 auto; }
            @media screen and (max-width: 767px) {
              .pageUchumeiso2024W .area03W .area03 .area03_3W .area03_3 > div {
                max-width: 275.69px; } }
        .pageUchumeiso2024W .area03W .area03 .area03_3W .area03_4 {
          flex: 0 0 50%; }
          @media screen and (max-width: 767px) {
            .pageUchumeiso2024W .area03W .area03 .area03_3W .area03_4 {
              flex: 0 0 100%;
              padding-top: 3rem; } }
          .pageUchumeiso2024W .area03W .area03 .area03_3W .area03_4 > div {
            max-width: 459.16px;
            margin: 0 auto; }
            @media screen and (max-width: 767px) {
              .pageUchumeiso2024W .area03W .area03 .area03_3W .area03_4 > div {
                max-width: 326px; } }
  .pageUchumeiso2024W .area04W {
    background: #F0F0F0;
    width: 100%;
    margin: 0 auto;
    padding: 0 0 5rem 0; }
    .pageUchumeiso2024W .area04W .area04 {
      width: 90%;
      max-width: 930px;
      margin: 0 auto;
      text-align: center; }
      .pageUchumeiso2024W .area04W .area04 .area04_1 {
        max-width: 200px;
        margin: 0 auto;
        padding: 0 0 3rem 0; }
      .pageUchumeiso2024W .area04W .area04 .area04_2 {
        max-width: 345px;
        margin: 0 auto;
        padding: 0; }
      .pageUchumeiso2024W .area04W .area04 .area04_3 {
        padding-top: 2rem; }
        .pageUchumeiso2024W .area04W .area04 .area04_3 span:nth-of-type(1) {
          font-weight: bold; }
        .pageUchumeiso2024W .area04W .area04 .area04_3 span:nth-of-type(2) {
          font-weight: bold;
          color: #315B8D;
          font-size: 1.125rem; }
        .pageUchumeiso2024W .area04W .area04 .area04_3 span:nth-of-type(3) {
          color: #315B8D; }
      .pageUchumeiso2024W .area04W .area04 .area04_4 {
        padding: .5rem 0 0 0;
        text-align: center; }
        .pageUchumeiso2024W .area04W .area04 .area04_4 svg {
          margin: 0 auto; }
      .pageUchumeiso2024W .area04W .area04 .area04_5 {
        padding: .5rem 0 0 0;
        font-weight: bold;
        color: #E60012; }
        .pageUchumeiso2024W .area04W .area04 .area04_5 span:nth-of-type(1) {
          font-size: 1.5rem; }
        .pageUchumeiso2024W .area04W .area04 .area04_5 span:nth-of-type(2) {
          font-size: 0.875rem; }
      .pageUchumeiso2024W .area04W .area04 .area04_6 {
        padding: .5rem 0 0 0;
        text-align: center;
        font-weight: bold; }
      .pageUchumeiso2024W .area04W .area04 .area04_7 {
        max-width: 345px;
        margin: 0 auto;
        padding: 1.5rem 0 0 0; }
      .pageUchumeiso2024W .area04W .area04 .area04_8 {
        padding-top: 1.5rem; }
  .pageUchumeiso2024W .area05W {
    background: #FAFAF4;
    width: 100%;
    margin: 0 auto;
    padding: 5rem 0 5rem 0; }
    .pageUchumeiso2024W .area05W .area05 {
      width: 90%;
      max-width: 816px;
      margin: 0 auto; }
      .pageUchumeiso2024W .area05W .area05 .area05_1 {
        max-width: 200px;
        margin: 0 auto;
        padding: 0 0 3rem 0; }
    .pageUchumeiso2024W .area05W .qaArea {
      padding: clamp(1.5rem, 1.75vw, 3rem) 0 0 0; }
      .pageUchumeiso2024W .area05W .qaArea .qA {
        background: #FFF;
        position: relative;
        padding: 1rem 2.5rem;
        font-weight: bold; }
      .pageUchumeiso2024W .area05W .qaArea .qA:before {
        content: 'Q';
        color: #E60012;
        font-weight: bold;
        position: absolute;
        left: 1rem;
        top: 1rem; }
      .pageUchumeiso2024W .area05W .qaArea .aA {
        padding: 1rem 0 0 0;
        line-height: 1.8; }
  .pageUchumeiso2024W .orderW {
    padding: 3rem 0; }
    @media screen and (max-width: 767px) {
      .pageUchumeiso2024W .orderW {
        padding: clamp(1.5rem, 3.75vw, 3rem) 0; } }
    .pageUchumeiso2024W .orderW .order {
      width: 80%;
      max-width: 415px; }
      .pageUchumeiso2024W .orderW .order input {
        width: 100%; }
      .pageUchumeiso2024W .orderW .order input:hover {
        opacity: 0.5; }

.pageGoodsUnmei2024W {
  color: #3B3039;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto; }
  .pageGoodsUnmei2024W .thisPink {
    color: #EB6688; }
  .pageGoodsUnmei2024W .thisBlue {
    color: #41ADF5; }
  .pageGoodsUnmei2024W .red {
    color: #C8161D !important; }
  .pageGoodsUnmei2024W .star01 {
    width: 34px;
    height: 34px;
    margin: 4rem auto;
    background: url(/img/goods/unmei2024/star01.png) no-repeat top center; }
  .pageGoodsUnmei2024W .lh_18 {
    line-height: 1.8; }
  .pageGoodsUnmei2024W .area01 .span01, .pageGoodsUnmei2024W .area02 .span01, .pageGoodsUnmei2024W .area03 .span01 {
    background: #F1EE9C;
    color: #E64800; }
  .pageGoodsUnmei2024W .area01 .span02, .pageGoodsUnmei2024W .area02 .span02, .pageGoodsUnmei2024W .area03 .span02 {
    background: #F1EE9C; }
  .pageGoodsUnmei2024W .keyVisual .smDispR {
    position: relative;
    overflow: hidden; }
    .pageGoodsUnmei2024W .keyVisual .smDispR img {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 1280px;
      max-width: 1280px;
      transform: translate(-50%, -50%); }
  .pageGoodsUnmei2024W .keyVisual1 .smDispR {
    height: 562px; }
    .pageGoodsUnmei2024W .keyVisual1 .smDispR img {
      height: 562px; }
  .pageGoodsUnmei2024W .keyVisual2 .smDispR {
    height: 830px; }
    .pageGoodsUnmei2024W .keyVisual2 .smDispR img {
      height: 830px; }
  .pageGoodsUnmei2024W .keyVisual3 .smDispR {
    height: 357px; }
    .pageGoodsUnmei2024W .keyVisual3 .smDispR img {
      height: 357px; }
  .pageGoodsUnmei2024W .area01W {
    background: #EFDE98;
    padding: 0 0 3rem 0; }
    @media screen and (min-width: 768px) {
      .pageGoodsUnmei2024W .area01W {
        background: url(/img/goods/unmei2024/img01.png) #EFDE98 no-repeat top center;
        padding-top: 280px; } }
    .pageGoodsUnmei2024W .area01W .area01 {
      width: 90%;
      max-width: 820px;
      border: 1px solid #C2BE3F;
      background: #FFF;
      padding: 3rem 0;
      margin-top: -2rem; }
      .pageGoodsUnmei2024W .area01W .area01 > div {
        width: 90%;
        max-width: 604px;
        margin: 0 auto; }
        .pageGoodsUnmei2024W .area01W .area01 > div .div01 {
          text-align: center; }
          .pageGoodsUnmei2024W .area01W .area01 > div .div01 > span {
            display: inline-block;
            font-weight: bold;
            position: relative;
            line-height: 1.5; }
          .pageGoodsUnmei2024W .area01W .area01 > div .div01 > span:before {
            display: block;
            content: '';
            width: 2.2em;
            height: 2.2em;
            background: url(/img/goods/unmei2024/parts01.png) no-repeat center center/contain;
            position: absolute;
            top: 0;
            left: -2.5em;
            top: .5em; }
          .pageGoodsUnmei2024W .area01W .area01 > div .div01 > span:after {
            display: block;
            content: '';
            width: 2.2em;
            height: 2.2em;
            background: url(/img/goods/unmei2024/parts02.png) no-repeat center center/contain;
            position: absolute;
            top: 0;
            right: -2.5em;
            top: .5em; }
        .pageGoodsUnmei2024W .area01W .area01 > div .div02 {
          border: #EFDE98 1px solid;
          padding: .5rem;
          width: 90%;
          max-width: 320px;
          margin: 2rem auto 0 auto; }
  .pageGoodsUnmei2024W .area02W {
    background: #F6F3EC;
    padding: 3rem 0; }
    .pageGoodsUnmei2024W .area02W .area02 {
      width: 90%;
      max-width: 604px;
      margin: 0 auto; }
    .pageGoodsUnmei2024W .area02W .div01 > div {
      background: #FFF;
      border-radius: 1rem;
      padding: 1rem;
      margin: .8rem auto; }
      .pageGoodsUnmei2024W .area02W .div01 > div > div:nth-of-type(1) {
        color: #E64800; }
  .pageGoodsUnmei2024W .area03W {
    background: #EFDE98;
    padding: 0 0 3rem 0; }
    @media screen and (min-width: 768px) {
      .pageGoodsUnmei2024W .area03W {
        background: url(/img/goods/unmei2024/img17.png) #EFDE98 no-repeat top center;
        padding-top: 280px; } }
    .pageGoodsUnmei2024W .area03W .area03 {
      width: 90%;
      max-width: 820px;
      border: 1px solid #C2BE3F;
      background: #FFF;
      padding: 3rem 0 1.5rem 0;
      margin-top: -2rem; }
      .pageGoodsUnmei2024W .area03W .area03 > div {
        width: 90%;
        max-width: 604px;
        margin: 0 auto; }
        .pageGoodsUnmei2024W .area03W .area03 > div .div02 {
          border: #EFDE98 1px solid;
          padding: .5rem;
          width: 90%;
          max-width: 320px;
          margin: 2rem auto 0 auto; }
        .pageGoodsUnmei2024W .area03W .area03 > div .div03 {
          margin: 0 auto;
          padding: 2rem 0 0 0; }
          @media screen and (max-width: 767px) {
            .pageGoodsUnmei2024W .area03W .area03 > div .div03 {
              padding: 0; } }
          .pageGoodsUnmei2024W .area03W .area03 > div .div03 > div:nth-of-type(1) {
            flex: 0 0 50%;
            padding: 1rem; }
          .pageGoodsUnmei2024W .area03W .area03 > div .div03 > div:nth-of-type(2) {
            flex: 0 0 50%;
            padding: 1rem; }
        .pageGoodsUnmei2024W .area03W .area03 > div .div04 {
          background: url(/img/goods/unmei2024/bg01.png) no-repeat center/100% 100%;
          padding: .4rem 0; }
        .pageGoodsUnmei2024W .area03W .area03 > div .div05 ul {
          margin-left: 1.5em; }
          .pageGoodsUnmei2024W .area03W .area03 > div .div05 ul li {
            text-indent: -1.5em;
            line-height: 1.8;
            margin: .4em 0; }
          .pageGoodsUnmei2024W .area03W .area03 > div .div05 ul li:before {
            content: '● ';
            color: #EFDE98; }
    .pageGoodsUnmei2024W .area03W .area03_2 {
      width: 81%;
      max-width: 604px;
      margin: 2rem auto 0 auto;
      line-height: 1.8; }
  .pageGoodsUnmei2024W .area04W {
    background: #000;
    padding: 0 0 3rem 0; }
    @media screen and (min-width: 640px) {
      .pageGoodsUnmei2024W .area04W {
        background: url(/img/goods/unmei2024/img25.png) #000 no-repeat top center;
        padding-top: 631px; } }
    .pageGoodsUnmei2024W .area04W .area04 {
      color: #FFF;
      width: 90%;
      max-width: 604px;
      font-weight: bold; }
      .pageGoodsUnmei2024W .area04W .area04 span {
        background: #E64800;
        color: #000; }
  .pageGoodsUnmei2024W .area05W {
    padding: 3rem 0;
    background: url(/img/goods/unmei2024/bg02.jpg) no-repeat top center/100% 100%; }
    .pageGoodsUnmei2024W .area05W .area05 {
      width: 90%;
      max-width: 820px;
      background: #FFF;
      margin: 0 auto;
      padding: 3rem 0; }
      .pageGoodsUnmei2024W .area05W .area05 > div {
        width: 90%;
        max-width: 604px;
        margin: 0 auto; }
  .pageGoodsUnmei2024W .area06W {
    padding: 3rem 0; }
    .pageGoodsUnmei2024W .area06W .area06 {
      width: 90%;
      max-width: 820px;
      border: #C2BE3F 1px solid;
      margin: 0 auto;
      padding: 1rem 0 3rem 0; }
      .pageGoodsUnmei2024W .area06W .area06 > div {
        width: 90%;
        max-width: 668px;
        margin: 0 auto; }
        .pageGoodsUnmei2024W .area06W .area06 > div .div01 p {
          color: #F5A344;
          font-weight: bold; }
        .pageGoodsUnmei2024W .area06W .area06 > div .div02 {
          margin-top: 6rem;
          border: #C2BE3F 1px solid;
          padding: 0 2rem 2rem 2rem; }
          @media screen and (max-width: 639px) {
            .pageGoodsUnmei2024W .area06W .area06 > div .div02 {
              margin-top: 5rem; } }
          .pageGoodsUnmei2024W .area06W .area06 > div .div02 .div03 {
            margin: -49px auto 0 auto; }
            @media screen and (max-width: 440px) {
              .pageGoodsUnmei2024W .area06W .area06 > div .div02 .div03 {
                margin: -10vw auto 0 auto; } }
  .pageGoodsUnmei2024W .area14W {
    width: 90%;
    max-width: 816px;
    margin: 4rem auto; }
    @media screen and (max-width: 767px) {
      .pageGoodsUnmei2024W .area14W {
        margin: 2rem auto 0 auto; } }
    .pageGoodsUnmei2024W .area14W .area14 .p01 {
      font-weight: bold;
      text-align: center;
      line-height: 2;
      color: #FFF;
      margin-top: 2rem;
      background: #999999; }
    .pageGoodsUnmei2024W .area14W ul {
      margin-top: 2rem;
      margin-left: 1rem; }
      .pageGoodsUnmei2024W .area14W ul li {
        line-height: 2;
        text-indent: -1rem; }
      .pageGoodsUnmei2024W .area14W ul li:before {
        content: '・'; }
  .pageGoodsUnmei2024W .orderW .order {
    margin: 0 auto;
    width: 100%;
    max-width: 385px; }
    .pageGoodsUnmei2024W .orderW .order input {
      width: 100%; }
    .pageGoodsUnmei2024W .orderW .order input:hover {
      opacity: 0.5; }

.pageGoodsHimekuri2024W {
  color: #3B3039;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto; }
  .pageGoodsHimekuri2024W .thisPink {
    color: #EB6688; }
  .pageGoodsHimekuri2024W .thisBlue {
    color: #41ADF5; }
  .pageGoodsHimekuri2024W .red {
    color: #C8161D !important; }
  .pageGoodsHimekuri2024W .star01 {
    width: 34px;
    height: 34px;
    margin: 4rem auto;
    background: url(/img/goods/unmei2024/star01.png) no-repeat top center; }
  .pageGoodsHimekuri2024W .lh_18 {
    line-height: 1.8; }
  .pageGoodsHimekuri2024W .area01 .span01, .pageGoodsHimekuri2024W .area02 .span01, .pageGoodsHimekuri2024W .area03 .span01 {
    background: #F1EE9C;
    color: #E64800; }
  .pageGoodsHimekuri2024W .area01 .span02, .pageGoodsHimekuri2024W .area02 .span02, .pageGoodsHimekuri2024W .area03 .span02 {
    background: #F1EE9C; }
  .pageGoodsHimekuri2024W .keyVisual .smDispR {
    position: relative;
    overflow: hidden; }
    .pageGoodsHimekuri2024W .keyVisual .smDispR img {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 1280px;
      max-width: 1280px;
      transform: translate(-50%, -50%); }
  .pageGoodsHimekuri2024W .keyVisual1 .smDispR {
    height: 562px; }
    .pageGoodsHimekuri2024W .keyVisual1 .smDispR img {
      height: 562px; }
  .pageGoodsHimekuri2024W .keyVisual2 .smDispR {
    height: 830px; }
    .pageGoodsHimekuri2024W .keyVisual2 .smDispR img {
      height: 830px; }
  .pageGoodsHimekuri2024W .keyVisual3 .mdDisp {
    background: url(/img/goods/himekuri2024/sp/bg02.jpg) no-repeat top center/cover;
    padding: 2rem 0; }
    .pageGoodsHimekuri2024W .keyVisual3 .mdDisp > div {
      width: 90%;
      max-width: 345px;
      margin: 0 auto; }
  .pageGoodsHimekuri2024W .keyVisual4 .mdDisp {
    background: #FC6952; }
    .pageGoodsHimekuri2024W .keyVisual4 .mdDisp > div {
      width: 100%;
      max-width: 375px;
      margin: 0 auto; }
  .pageGoodsHimekuri2024W .areaA01W {
    text-align: center;
    padding: 4rem 0;
    line-height: 2.0;
    font-size: 16px !important; }
  .pageGoodsHimekuri2024W .areaA02W {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    max-width: 816px;
    padding: 4rem 2rem;
    line-height: 2.0;
    border: 1px solid #FEB9AE;
    border-radius: 16px;
    box-shadow: 0 0 10px 0 #FF9787; }
    .pageGoodsHimekuri2024W .areaA02W .div01 {
      max-width: 260px;
      width: 100%;
      margin: 0 auto; }
    .pageGoodsHimekuri2024W .areaA02W .div02 p {
      padding: .8rem;
      line-height: 1.8; }
    .pageGoodsHimekuri2024W .areaA02W .div02 span {
      background: #FFD9D4; }
  .pageGoodsHimekuri2024W .areaA03W {
    background: #D7D8DA;
    padding: 0 0 4rem 0; }
    .pageGoodsHimekuri2024W .areaA03W .areaA03 {
      width: 100%;
      max-width: 720px;
      margin: 0 auto; }
      .pageGoodsHimekuri2024W .areaA03W .areaA03 .div02 {
        width: 90%;
        background: #FFF;
        padding: 3rem 0;
        margin: 2rem auto 0 auto; }
        .pageGoodsHimekuri2024W .areaA03W .areaA03 .div02 > div:nth-of-type(1) {
          width: 72%;
          max-width: 491px;
          margin: 0 auto; }
        .pageGoodsHimekuri2024W .areaA03W .areaA03 .div02 > div:nth-of-type(2) {
          padding: 3rem 0;
          width: 72%;
          max-width: 500px;
          margin: 0 auto;
          line-height: 1.8; }
        .pageGoodsHimekuri2024W .areaA03W .areaA03 .div02 > div:nth-of-type(3) {
          width: 60%;
          max-width: 347px;
          margin: 0 auto;
          padding: 1rem 0; }
        .pageGoodsHimekuri2024W .areaA03W .areaA03 .div02 > div:nth-of-type(4), .pageGoodsHimekuri2024W .areaA03W .areaA03 .div02 > div:nth-of-type(5) {
          border: 1px solid #E64800;
          border-radius: 16px;
          width: 72%;
          max-width: 500px;
          margin-left: auto;
          margin-right: auto;
          padding: 2rem 0; }
          .pageGoodsHimekuri2024W .areaA03W .areaA03 .div02 > div:nth-of-type(4) > div:nth-of-type(1), .pageGoodsHimekuri2024W .areaA03W .areaA03 .div02 > div:nth-of-type(5) > div:nth-of-type(1) {
            width: 78%;
            max-width: 395px;
            margin: 0 auto; }
          .pageGoodsHimekuri2024W .areaA03W .areaA03 .div02 > div:nth-of-type(4) > div:nth-of-type(2), .pageGoodsHimekuri2024W .areaA03W .areaA03 .div02 > div:nth-of-type(5) > div:nth-of-type(2) {
            width: 60%;
            max-width: 286px;
            margin-left: auto;
            margin-right: auto; }
            .pageGoodsHimekuri2024W .areaA03W .areaA03 .div02 > div:nth-of-type(4) > div:nth-of-type(2) input[type=image], .pageGoodsHimekuri2024W .areaA03W .areaA03 .div02 > div:nth-of-type(5) > div:nth-of-type(2) input[type=image] {
              width: 100%; }
  .pageGoodsHimekuri2024W .orderW .order {
    margin: 0 auto;
    width: 100%;
    max-width: 402px; }
    .pageGoodsHimekuri2024W .orderW .order input {
      width: 100%; }
    .pageGoodsHimekuri2024W .orderW .order input:hover {
      opacity: 0.5; }

.pageGoodsUnmei2023W {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto; }
  .pageGoodsUnmei2023W .thisPink {
    color: #EB6688; }
  .pageGoodsUnmei2023W .thisBlue {
    color: #41ADF5; }
  .pageGoodsUnmei2023W .red {
    color: #C8161D !important; }
  .pageGoodsUnmei2023W .star01 {
    width: 40px;
    padding: 2rem 0;
    margin: 0 auto; }
  .pageGoodsUnmei2023W .area01 {
    width: 90%;
    max-width: 418px;
    margin: 0 auto;
    padding: 4rem 0 0 0; }
  .pageGoodsUnmei2023W .area02 {
    width: 90%;
    max-width: 604px;
    margin: 0 auto;
    padding: 4rem 0 0 0;
    line-height: 1.8; }
    .pageGoodsUnmei2023W .area02 span {
      font-weight: bold;
      background: linear-gradient(transparent 80%, #F5B2C3 0%); }
  .pageGoodsUnmei2023W .area03 {
    width: 90%;
    max-width: 604px;
    margin: 0 auto;
    padding: 4rem 0 0 0; }
  .pageGoodsUnmei2023W .area04 {
    width: 90%;
    max-width: 604px;
    margin: 0 auto;
    line-height: 1.8;
    padding: 2rem 0 0 0; }
    .pageGoodsUnmei2023W .area04 p {
      padding: 2rem 0 0 0; }
    .pageGoodsUnmei2023W .area04 span {
      font-weight: bold;
      background: linear-gradient(transparent 80%, #F5B2C3 0%); }
  .pageGoodsUnmei2023W .area05W {
    width: 100%;
    max-width: 1280px;
    margin: 4rem auto 0 auto;
    background: url(/img/goods/unmei2023/bg01.jpg) repeat-y center top/100%; }
    .pageGoodsUnmei2023W .area05W .area05 {
      line-height: 1.8;
      padding: 4rem 0 0 0; }
      .pageGoodsUnmei2023W .area05W .area05 .div01 {
        width: 90%;
        max-width: 576px;
        margin: 0 auto; }
      .pageGoodsUnmei2023W .area05W .area05 .div02 {
        width: 90%;
        max-width: 820px;
        margin: 0 auto;
        padding: 2rem 0 0 0; }
        .pageGoodsUnmei2023W .area05W .area05 .div02 span {
          font-weight: bold;
          font-size: 1.5rem; }
      .pageGoodsUnmei2023W .area05W .area05 .div03 {
        width: 90%;
        max-width: 820px;
        margin: 0 auto;
        padding: 2rem 0 0 0; }
        @media screen and (max-width: 767px) {
          .pageGoodsUnmei2023W .area05W .area05 .div03 {
            padding: 0; } }
        .pageGoodsUnmei2023W .area05W .area05 .div03 > div:nth-of-type(1) {
          flex: 0 0 50%;
          line-height: 1.8;
          font-weight: bold;
          font-size: 1.3rem;
          color: #315B8D;
          text-align: center;
          padding: 4rem 1rem 0  1rem; }
          .pageGoodsUnmei2023W .area05W .area05 .div03 > div:nth-of-type(1) span {
            background: linear-gradient(transparent 75%, #F5B2C3 0%); }
          @media screen and (max-width: 767px) {
            .pageGoodsUnmei2023W .area05W .area05 .div03 > div:nth-of-type(1) {
              padding: 2rem 1rem 0  1rem; } }
        .pageGoodsUnmei2023W .area05W .area05 .div03 > div:nth-of-type(2) {
          flex: 0 0 50%;
          padding: 1rem; }
      .pageGoodsUnmei2023W .area05W .area05 .div04 {
        width: 80%;
        max-width: 820px;
        margin: 0 auto;
        padding: 2rem 0 0 0; }
        .pageGoodsUnmei2023W .area05W .area05 .div04 span {
          font-weight: bold;
          font-size: 1.5rem; }
      .pageGoodsUnmei2023W .area05W .area05 .div05 {
        width: 90%;
        max-width: 345px;
        margin: 0 auto;
        padding: 4rem 0; }
  .pageGoodsUnmei2023W .area06 {
    width: 90%;
    max-width: 604px;
    margin: 0 auto;
    padding: 4rem 0;
    text-align: center;
    line-height: 1.8; }
    @media screen and (max-width: 767px) {
      .pageGoodsUnmei2023W .area06 {
        padding: 2rem 0; } }
  .pageGoodsUnmei2023W .area07W {
    width: 100%;
    max-width: 1280px;
    margin: 4rem auto 0 auto;
    padding: 1.5rem 0 4rem 0;
    background: url(/img/goods/unmei2023/bg02.png) #315B8D no-repeat center top/100%; }
    @media screen and (max-width: 767px) {
      .pageGoodsUnmei2023W .area07W {
        margin: 2rem auto 0 auto; } }
    .pageGoodsUnmei2023W .area07W .area07 {
      width: 90%;
      max-width: 820px;
      margin: 0 auto;
      background: #FFF;
      border-radius: .5rem;
      padding: 2rem;
      line-height: 1.8; }
      @media screen and (max-width: 767px) {
        .pageGoodsUnmei2023W .area07W .area07 {
          padding: 2rem 1rem; } }
      .pageGoodsUnmei2023W .area07W .area07 .div01 {
        width: 100%;
        max-width: 373px;
        margin: 0 auto;
        padding: 2rem 0 0 0; }
        @media screen and (max-width: 767px) {
          .pageGoodsUnmei2023W .area07W .area07 .div01 {
            padding: 0; } }
      .pageGoodsUnmei2023W .area07W .area07 .div02 {
        width: 100%;
        max-width: 733px;
        margin: 0 auto;
        padding: 2rem 0 0 0; }
      .pageGoodsUnmei2023W .area07W .area07 .div03 {
        width: 100%;
        max-width: 372px;
        margin: 0 auto;
        padding: 2rem 0 0 0; }
      .pageGoodsUnmei2023W .area07W .area07 .div04 {
        width: 100%;
        max-width: 604px;
        margin: 0 auto;
        line-height: 1.8;
        padding: 2rem 0 0 0; }
        .pageGoodsUnmei2023W .area07W .area07 .div04 p {
          padding: 2rem 0 0 0; }
        .pageGoodsUnmei2023W .area07W .area07 .div04 span {
          font-weight: bold;
          background: linear-gradient(transparent 80%, #F5B2C3 0%); }
      .pageGoodsUnmei2023W .area07W .area07 .div05 {
        width: 100%;
        max-width: 347px;
        margin: 0 auto;
        padding: 2rem 0; }
  .pageGoodsUnmei2023W .area08W {
    width: 100%;
    max-width: 1280px;
    background: url(/img/goods/unmei2023/bg01.jpg) repeat-y center top/100%; }
    @media screen and (max-width: 767px) {
      .pageGoodsUnmei2023W .area08W {
        margin: 2rem auto 0 auto; } }
    .pageGoodsUnmei2023W .area08W .area08 {
      line-height: 1.8;
      padding: 4rem 0 0 0; }
      .pageGoodsUnmei2023W .area08W .area08 .div01 {
        width: 90%;
        max-width: 891px;
        margin: 0 auto; }
      .pageGoodsUnmei2023W .area08W .area08 .div02 {
        width: 90%;
        max-width: 820px;
        margin: 0 auto;
        line-height: 1.8;
        padding: 4rem 0 0 0; }
      .pageGoodsUnmei2023W .area08W .area08 .div03 {
        width: 90%;
        max-width: 820px;
        margin: 0 auto;
        line-height: 1.8;
        padding: 2rem 0 0 0; }
        .pageGoodsUnmei2023W .area08W .area08 .div03 p:nth-of-type(1) {
          font-weight: bold;
          font-size: 1.3rem;
          color: #315B8D; }
          .pageGoodsUnmei2023W .area08W .area08 .div03 p:nth-of-type(1) span {
            background: linear-gradient(transparent 75%, #F5B2C3 0%); }
        .pageGoodsUnmei2023W .area08W .area08 .div03 p:nth-of-type(2) {
          padding-top: 1rem; }
      .pageGoodsUnmei2023W .area08W .area08 .div04 {
        width: 90%;
        max-width: 390px;
        margin: 0 auto;
        padding-top: 2rem; }
      .pageGoodsUnmei2023W .area08W .area08 .div05 {
        width: 90%;
        max-width: 820px;
        margin: 0 auto;
        line-height: 1.8;
        padding: 2rem 0 0 0; }
        .pageGoodsUnmei2023W .area08W .area08 .div05 p {
          padding-top: 1rem; }
        .pageGoodsUnmei2023W .area08W .area08 .div05 span {
          font-weight: bold;
          color: #EB6688; }
      .pageGoodsUnmei2023W .area08W .area08 .div06 {
        width: 90%;
        max-width: 820px;
        margin: 4rem auto 0 auto;
        background: #FFF;
        border-radius: .5rem;
        padding: 3rem;
        line-height: 1.8; }
        @media screen and (max-width: 767px) {
          .pageGoodsUnmei2023W .area08W .area08 .div06 {
            margin: 2rem auto 0 auto; } }
        @media screen and (max-width: 767px) {
          .pageGoodsUnmei2023W .area08W .area08 .div06 {
            padding: 1.5rem 1.5rem .5rem 1.5rem; } }
        .pageGoodsUnmei2023W .area08W .area08 .div06 > div:nth-of-type(1) {
          color: #FFF;
          text-align: center;
          font-weight: bold;
          background: #315B8D;
          line-height: 2.0; }
        .pageGoodsUnmei2023W .area08W .area08 .div06 > div:nth-of-type(2) {
          padding-top: 2rem;
          width: 362px;
          margin: 0 auto; }
        .pageGoodsUnmei2023W .area08W .area08 .div06 ul {
          padding-top: 2rem;
          margin-left: 2rem; }
          .pageGoodsUnmei2023W .area08W .area08 .div06 ul li {
            text-indent: -2rem;
            line-height: 2;
            padding: 0 0 1rem 0; }
          .pageGoodsUnmei2023W .area08W .area08 .div06 ul li:before {
            content: '●　';
            color: #F0ABBC; }
      .pageGoodsUnmei2023W .area08W .area08 .div07 {
        width: 90%;
        max-width: 820px;
        margin: 2rem auto 0 auto; }
      .pageGoodsUnmei2023W .area08W .area08 .div08 {
        width: 90%;
        max-width: 345px;
        margin: 0 auto;
        padding: 4rem 0; }
  .pageGoodsUnmei2023W .area09W {
    width: 100%;
    max-width: 1280px;
    padding: 3rem 0;
    background: linear-gradient(to bottom, #F6B4C5, #A6B8CE); }
    @media screen and (max-width: 767px) {
      .pageGoodsUnmei2023W .area09W {
        margin: 2rem auto 0 auto; } }
    .pageGoodsUnmei2023W .area09W .area09 {
      width: 90%;
      max-width: 820px;
      margin: 3rem auto 0 auto;
      background: #FFF;
      border-radius: .5rem;
      padding: 3rem; }
      @media screen and (max-width: 767px) {
        .pageGoodsUnmei2023W .area09W .area09 {
          padding: 2rem 1.5rem; } }
      .pageGoodsUnmei2023W .area09W .area09 .div02 {
        width: 90%;
        max-width: 538px;
        margin: 0 auto; }
      .pageGoodsUnmei2023W .area09W .area09 .div03 {
        margin: 0 auto;
        line-height: 1.8;
        padding: 2rem 0 0 0; }
        @media screen and (max-width: 767px) {
          .pageGoodsUnmei2023W .area09W .area09 .div03 {
            padding: 0; } }
        .pageGoodsUnmei2023W .area09W .area09 .div03 p {
          padding: 2rem 0 0 0; }
        .pageGoodsUnmei2023W .area09W .area09 .div03 span {
          font-weight: bold;
          background: linear-gradient(transparent 80%, #F5B2C3 0%); }
    .pageGoodsUnmei2023W .area09W .div01 {
      width: 90%;
      max-width: 495px;
      margin: 0 auto; }
  .pageGoodsUnmei2023W .area10W {
    width: 100%;
    max-width: 1280px;
    margin: 4rem auto 0 auto;
    padding: 4rem 0;
    background: linear-gradient(to bottom, #F6B4C5, #A6B8CE); }
    .pageGoodsUnmei2023W .area10W .area10 {
      width: 90%;
      max-width: 820px;
      margin: 0 auto;
      background: #FFF;
      border-radius: .5rem;
      padding: 3rem; }
      @media screen and (max-width: 767px) {
        .pageGoodsUnmei2023W .area10W .area10 {
          padding: 2rem 1.5rem; } }
      .pageGoodsUnmei2023W .area10W .area10 .div02 {
        width: 90%;
        max-width: 542px;
        margin: 0 auto; }
      .pageGoodsUnmei2023W .area10W .area10 .div03 {
        margin: 0 auto;
        line-height: 1.8;
        padding: 2rem 0 0 0; }
        @media screen and (max-width: 767px) {
          .pageGoodsUnmei2023W .area10W .area10 .div03 {
            padding: 0; } }
        .pageGoodsUnmei2023W .area10W .area10 .div03 p {
          padding: 2rem 0 0 0; }
        .pageGoodsUnmei2023W .area10W .area10 .div03 span {
          font-weight: bold;
          background: linear-gradient(transparent 80%, #F5B2C3 0%); }
  .pageGoodsUnmei2023W .area11W {
    width: 90%;
    max-width: 820px;
    margin: 4rem auto;
    border: #E894A9 solid 1px;
    box-shadow: 0 0 8px #E894A9;
    padding: 4rem 0; }
    .pageGoodsUnmei2023W .area11W .area11 .div01 {
      width: 90%;
      max-width: 346px;
      margin: 0 auto; }
    .pageGoodsUnmei2023W .area11W .area11 .div02 {
      margin: 0 auto;
      line-height: 1.8;
      padding: 2rem 0 0 0;
      width: 90%;
      max-width: 665px; }
      .pageGoodsUnmei2023W .area11W .area11 .div02 p {
        padding: 2rem 0 0 0; }
      .pageGoodsUnmei2023W .area11W .area11 .div02 span {
        font-weight: bold;
        background: linear-gradient(transparent 80%, #F5B2C3 0%); }
    .pageGoodsUnmei2023W .area11W .area11 .div03 {
      width: 90%;
      max-width: 543px;
      margin: 0 auto;
      padding-top: 3rem; }
  .pageGoodsUnmei2023W .area12W {
    width: 90%;
    max-width: 357px;
    margin: 0 auto;
    padding-top: 2rem; }
  .pageGoodsUnmei2023W .area13W {
    width: 90%;
    max-width: 816px;
    margin: 2rem auto;
    border: #A2C7F2 solid 1px;
    padding: 0 0 4rem 0; }
    .pageGoodsUnmei2023W .area13W .area13 {
      width: 90%;
      max-width: 670px;
      margin: 0 auto; }
      .pageGoodsUnmei2023W .area13W .area13 .p01, .pageGoodsUnmei2023W .area13W .area13 .p02 {
        font-weight: bold;
        text-align: center;
        line-height: 2;
        color: #FFF;
        margin-top: 2rem; }
      .pageGoodsUnmei2023W .area13W .area13 .p01 {
        background: #999999; }
      .pageGoodsUnmei2023W .area13W .area13 .p02 {
        background: #EB6688; }
      .pageGoodsUnmei2023W .area13W .area13 .div01 {
        width: 90%;
        max-width: 276px;
        margin: 0 auto;
        padding-top: 2rem; }
      .pageGoodsUnmei2023W .area13W .area13 .div02 {
        width: 90%;
        max-width: 669px;
        margin: 0 auto;
        padding-top: 2rem; }
      .pageGoodsUnmei2023W .area13W .area13 .div03 {
        width: 90%;
        max-width: 286px;
        margin: 0 auto;
        padding-top: 2rem; }
      .pageGoodsUnmei2023W .area13W .area13 .div04 {
        width: 90%;
        max-width: 240px;
        margin: 0 auto;
        padding-top: 2rem; }
      .pageGoodsUnmei2023W .area13W .area13 .div05 {
        margin: 0 auto;
        line-height: 1.8;
        padding: 2rem 0 0 0;
        width: 90%;
        max-width: 668px;
        font-size: 0.9rem; }
      .pageGoodsUnmei2023W .area13W .area13 .div06 {
        margin: 0 auto;
        line-height: 1.8;
        padding: 2rem 0 0 0;
        width: 90%;
        max-width: 668px;
        font-size: 0.9rem; }
      .pageGoodsUnmei2023W .area13W .area13 .div07 {
        margin: 0 auto;
        line-height: 1.8;
        padding: 2rem 0 0 0;
        width: 90%;
        max-width: 668px;
        color: #315B8D;
        font-size: 0.9rem; }
  .pageGoodsUnmei2023W .area14W {
    width: 90%;
    max-width: 816px;
    margin: 4rem auto; }
    @media screen and (max-width: 767px) {
      .pageGoodsUnmei2023W .area14W {
        margin: 2rem auto 0 auto; } }
    .pageGoodsUnmei2023W .area14W .area14 .p01 {
      font-weight: bold;
      text-align: center;
      line-height: 2;
      color: #FFF;
      margin-top: 2rem;
      background: #999999; }
    .pageGoodsUnmei2023W .area14W ul {
      margin-top: 2rem;
      margin-left: 1rem; }
      .pageGoodsUnmei2023W .area14W ul li {
        line-height: 2;
        text-indent: -1rem; }
      .pageGoodsUnmei2023W .area14W ul li:before {
        content: '・'; }
  .pageGoodsUnmei2023W .orderW {
    margin-top: 3rem;
    background: url(/img/goods/unmei2023/bg03.png) no-repeat center top/100%;
    height: 274px; }
    @media screen and (max-width: 767px) {
      .pageGoodsUnmei2023W .orderW {
        margin-top: 2rem;
        background: url(/img/goods/unmei2023/sp/bg03.png) no-repeat center top/100%;
        height: 45.3vw; } }
    .pageGoodsUnmei2023W .orderW .order {
      width: 80%;
      max-width: 507px; }
      .pageGoodsUnmei2023W .orderW .order input {
        width: 100%; }
      .pageGoodsUnmei2023W .orderW .order input:hover {
        opacity: 0.5; }

.pageGoods20220801W {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto; }
  .pageGoods20220801W .thisPink {
    color: #F541C1; }
  .pageGoods20220801W .thisBlue {
    color: #41ADF5; }
  .pageGoods20220801W .red {
    color: #C8161D !important; }
  .pageGoods20220801W .thisWidth {
    width: 90%;
    max-width: 600px; }
  .pageGoods20220801W .area01W {
    padding: 2rem 0 0 0; }
    .pageGoods20220801W .area01W .div00 {
      margin-left: -4.5%;
      padding: 0 1rem; }
    .pageGoods20220801W .area01W .div01 {
      width: 100%;
      max-width: 347px; }
      .pageGoods20220801W .area01W .div01 img {
        width: 100%; }
  .pageGoods20220801W .area02W .div00 {
    overflow: hidden; }
    .pageGoods20220801W .area02W .div00 img {
      widtn: 1280px;
      margin: 0 auto; }
  .pageGoods20220801W .area02W .area02 {
    background: #C8161D; }
    .pageGoods20220801W .area02W .area02 .div01 {
      margin-bottom: .2rem; }
      .pageGoods20220801W .area02W .area02 .div01 > div {
        display: inline-block;
        border-bottom: 2px solid #000;
        padding: .3rem; }
    .pageGoods20220801W .area02W .area02 .div03 {
      color: #FFF; }
  .pageGoods20220801W .area03W {
    background: #C8161D; }
    .pageGoods20220801W .area03W .area03 {
      background: #FFF;
      width: 90%;
      max-width: 1092px; }
      .pageGoods20220801W .area03W .area03 .div01 img {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 341px; }
  .pageGoods20220801W .voiceDivW .voiceDiv {
    width: 90%;
    max-width: 604px;
    border-bottom: 2px solid #DDD;
    margin-bottom: 2rem; }
  .pageGoods20220801W .toVoiceList {
    color: #FFF; }
    .pageGoods20220801W .toVoiceList > button {
      display: block;
      margin: 2rem auto 0 auto;
      width: 15rem; }
      .pageGoods20220801W .toVoiceList > button > div {
        background: #000;
        padding: 1.5rem 2rem;
        text-align: center; }
        .pageGoods20220801W .toVoiceList > button > div span {
          display: block;
          line-height: 1.0;
          font-weight: 900; }
    .pageGoods20220801W .toVoiceList button:hover {
      opacity: 0.5; }
  .pageGoods20220801W .area04W .area04 {
    background: #C8161D; }
    .pageGoods20220801W .area04W .area04 .div00 > div {
      display: inline-block;
      border-bottom: 1px solid #000; }
    .pageGoods20220801W .area04W .area04 .div01 {
      width: 80%;
      max-width: 328px; }
    .pageGoods20220801W .area04W .area04 .div02 {
      width: 80%;
      max-width: 360px; }
    .pageGoods20220801W .area04W .area04 .div03 {
      width: 90%;
      max-width: 327px; }
  .pageGoods20220801W .area05W .area05 .div01 {
    width: 90%;
    max-width: 604px; }
  .pageGoods20220801W .area06W {
    background: #000;
    position: relative; }
    .pageGoods20220801W .area06W .div00 {
      position: absolute;
      background: #C8161D;
      color: #FFF;
      width: 16em;
      height: 4.6em;
      left: 0;
      right: 0;
      top: -2.3em;
      margin: auto; }
      .pageGoods20220801W .area06W .div00 span {
        font-size: 1.4rem !important; }
    .pageGoods20220801W .area06W .area06 {
      position: relative;
      border: 1px solid #C8161D;
      width: 90%;
      max-width: 1092px; }
      .pageGoods20220801W .area06W .area06 .div01 {
        position: absolute;
        background: #C8161D;
        width: 13em;
        height: 2em;
        left: 0;
        right: 0;
        top: -1em;
        margin: auto; }
    .pageGoods20220801W .area06W .btn01 {
      background: #16c88b;
      color: #000;
      font-weight: 900; }
    .pageGoods20220801W .area06W > p {
      width: 90%;
      max-width: 1092px; }

#layerShikumi01W {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
  padding: 2rem 0; }
  #layerShikumi01W .red {
    color: #C8161D !important; }
  #layerShikumi01W #layerShikumi01 {
    width: 80%;
    max-width: 604px;
    margin: 0 auto; }
    #layerShikumi01W #layerShikumi01 .area00 {
      font-size: 4rem; }
    #layerShikumi01W #layerShikumi01 .area01 {
      height: 80vh;
      background: #FFF;
      overflow-y: scroll;
      border-radius: .5rem;
      padding: 2rem 1.5rem; }
      #layerShikumi01W #layerShikumi01 .area01 .p01 {
        line-height: 2.0; }
      #layerShikumi01W #layerShikumi01 .area01 .p01:before {
        content: '■';
        font-size: 0.875rem; }

#layerShikumi02W {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 2;
  padding: 2rem 0; }
  #layerShikumi02W .red {
    color: #C8161D !important; }
  #layerShikumi02W #layerShikumi02 {
    width: 80%;
    max-width: 604px;
    margin: 0 auto; }
    #layerShikumi02W #layerShikumi02 .area00 {
      font-size: 4rem; }
    #layerShikumi02W #layerShikumi02 .area01 {
      height: 80vh;
      background: #FFF;
      overflow-y: scroll;
      border-radius: .5rem;
      padding: 2rem 1.5rem; }
      #layerShikumi02W #layerShikumi02 .area01 .p01 {
        line-height: 2.0; }
      #layerShikumi02W #layerShikumi02 .area01 .p01:before {
        content: '■';
        font-size: 0.875rem; }

#layerShikumi03W {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 2;
  padding: 2rem 0; }
  #layerShikumi03W .red {
    color: #C8161D !important; }
  #layerShikumi03W #layerShikumi03 {
    width: 80%;
    max-width: 604px;
    margin: 0 auto; }
    #layerShikumi03W #layerShikumi03 .area00 {
      font-size: 4rem; }
    #layerShikumi03W #layerShikumi03 .area01 {
      height: 80vh;
      background: #FFF;
      overflow-y: scroll;
      border-radius: .5rem;
      padding: 2rem 1.5rem; }
      #layerShikumi03W #layerShikumi03 .area01 .voiceListArea > div {
        background: #ffc;
        border-radius: 0.5rem; }

.paginationArea {
  text-align: center; }
  .paginationArea nav {
    display: flex;
    justify-content: center;
    align-items: center; }
    .paginationArea nav .pnCurrent {
      background: lightblue; }

.pagination {
  text-align: center; }

/* ページ送りを横並びに */
.pagination li {
  display: inline-block; }

.pageComment {
  width: 94%;
  max-width: 816px;
  margin: 5rem auto 0 auto;
  padding: 0 0 2rem 0; }
  @media screen and (max-width: 767px) {
    .pageComment {
      margin-top: 3rem; } }
  .pageComment .tc_textBox {
    padding: .5rem 0; }
    .pageComment .tc_textBox .tc_text1 {
      position: relative; }
    .pageComment .tc_textBox .readmore-label1::before {
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      content: "";
      /*以下お好み グラデーションの色と高さ 高さはreadmoreのheight以下にすること*/
      height: 6rem;
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF); }
    .pageComment .tc_textBox .readmore-label1::after {
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      content: "";
      text-align: center;
      content: '続きを読む';
      font-weight: bold;
      color: orangered; }
    .pageComment .tc_textBox .tc_text2 {
      display: none; }
    .pageComment .tc_textBox .readmore-check {
      display: none; }
    .pageComment .tc_textBox .readmore-check:checked ~ .tc_text2 {
      display: block; }
    .pageComment .tc_textBox .readmore-check:checked ~ .tc_text1 {
      display: none; }
  .pageComment .tc_replyBox {
    padding: .5rem 0; }
    .pageComment .tc_replyBox .tc_reply1 {
      position: relative; }
    .pageComment .tc_replyBox .readmore-label1::before {
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      content: "";
      /*以下お好み グラデーションの色と高さ 高さはreadmoreのheight以下にすること*/
      height: 6rem;
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #F0F0F0); }
    .pageComment .tc_replyBox .readmore-label1::after {
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      content: "";
      text-align: center;
      content: '続きを読む';
      font-weight: bold;
      color: orangered; }
    .pageComment .tc_replyBox .tc_reply2 {
      display: none; }
    .pageComment .tc_replyBox .readmore-check2 {
      display: none; }
    .pageComment .tc_replyBox .readmore-check2:checked ~ .tc_reply2 {
      display: block; }
    .pageComment .tc_replyBox .readmore-check2:checked ~ .tc_reply1 {
      display: none; }

.pageMovies {
  width: 90%;
  max-width: 816px;
  margin: 5rem auto 0 auto;
  padding: 0 0 2rem 0; }

.pageMelmagas {
  width: 90%;
  max-width: 816px;
  margin: 5rem auto 0 auto;
  padding: 0 0 2rem 0; }
  .pageMelmagas .mlBody a:link {
    color: #BF4D4F;
    text-decoration: underline;
    font-weight: inherit; }
  .pageMelmagas .mlBody a:visited {
    color: #BF4D4F;
    text-decoration: underline;
    font-weight: inherit; }
  .pageMelmagas .mlBody a:hover {
    color: inherit;
    text-decoration: none;
    font-weight: inherit; }
  .pageMelmagas .mlBody a:active {
    color: inherit;
    text-decoration: none;
    font-weight: inherit; }
  .pageMelmagas table.cal {
    border-spacing: 0;
    border-collapse: collapse;
    color: #555;
    width: 100%;
    border: 1px solid #999; }
  .pageMelmagas .cal th {
    background-color: #f5f5f5;
    text-align: center;
    padding: 10px 0 10px 6px;
    border: 1px solid #DDD; }
  .pageMelmagas .cal td {
    text-align: center;
    border: 1px solid #DDD;
    padding: 10px 0 10px 6px; }
  .pageMelmagas .sun {
    background: rgba(204, 0, 0, 0.05); }
  .pageMelmagas .sat {
    background: rgba(0, 0, 204, 0.05); }

.pageSeminar20220827W {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto; }
  .pageSeminar20220827W .thisPink {
    color: #F541C1; }
  .pageSeminar20220827W .thisBlue {
    color: #41ADF5; }
  .pageSeminar20220827W .thisWidth {
    width: 90%;
    max-width: 600px; }
  .pageSeminar20220827W .area01W {
    background: url(/img/seminar/20220827/bg01.png) repeat-x center top/100%;
    padding: 2rem 0 0 0; }
  .pageSeminar20220827W .areaOrderW {
    background: url(/img/seminar/20220827/bg01.png) repeat-x center top/100%;
    padding: 2rem 0 0 0; }
    @media screen and (max-width: 1023px) {
      .pageSeminar20220827W .areaOrderW {
        padding: 1rem 0 0 0; } }
    .pageSeminar20220827W .areaOrderW .div01 {
      border: #707070 solid 1px;
      padding: 2rem; }
      @media screen and (max-width: 1023px) {
        .pageSeminar20220827W .areaOrderW .div01 {
          padding: 1rem; } }
      .pageSeminar20220827W .areaOrderW .div01 > div:nth-of-type(n+2) {
        border-top: #707070 solid 1px; }
      .pageSeminar20220827W .areaOrderW .div01 > div {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between; }
        .pageSeminar20220827W .areaOrderW .div01 > div > div:nth-of-type(1) {
          flex: 0 0 5em;
          font-weight: bold;
          padding: 1.5rem .5rem; }
        .pageSeminar20220827W .areaOrderW .div01 > div > div:nth-of-type(2) {
          flex: 1 1 auto;
          padding: 1.5rem .5rem;
          line-height: 1.8; }
    .pageSeminar20220827W .areaOrderW .toOrder {
      text-align: center; }
      .pageSeminar20220827W .areaOrderW .toOrder button {
        background: #F541C1;
        font-size: 1.25rem;
        font-weight: bold;
        color: #FFF;
        text-align: center;
        width: 15em;
        margin: 0 auto;
        border-radius: 2.5rem;
        height: 4rem; }
        .pageSeminar20220827W .areaOrderW .toOrder button p {
          line-height: 1.0; }
      .pageSeminar20220827W .areaOrderW .toOrder a {
        background: #F541C1;
        font-size: 1.25rem;
        color: #FFF;
        text-align: center;
        width: 15em;
        margin: 0 auto;
        border-radius: 2.5rem;
        height: 5rem; }
        .pageSeminar20220827W .areaOrderW .toOrder a p {
          line-height: 1.0; }
  .pageSeminar20220827W .area02W {
    background: url(/img/seminar/20220827/bg01.png) repeat-x center top/100%;
    padding: 2rem 0 0 0; }
    .pageSeminar20220827W .area02W .div01 {
      padding: 2rem 0; }
      .pageSeminar20220827W .area02W .div01 > div:nth-of-type(n+2) {
        border-top: #707070 solid 1px; }
      .pageSeminar20220827W .area02W .div01 > div {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between; }
        .pageSeminar20220827W .area02W .div01 > div > div:nth-of-type(1) {
          flex: 0 0 5.5em;
          font-weight: bold;
          padding: 1.5rem 0; }
          .pageSeminar20220827W .area02W .div01 > div > div:nth-of-type(1) span {
            background: #F541C1;
            font-weight: bold;
            display: inline-block;
            width: 4.5em;
            padding: 0 .3rem; }
        .pageSeminar20220827W .area02W .div01 > div > div:nth-of-type(2) {
          flex: 1 1 auto;
          padding: 1.5rem 0;
          line-height: 1.8; }
          .pageSeminar20220827W .area02W .div01 > div > div:nth-of-type(2) > div {
            margin-top: .75rem; }
            .pageSeminar20220827W .area02W .div01 > div > div:nth-of-type(2) > div p {
              margin-top: .75rem; }
  .pageSeminar20220827W .area03W {
    background: url(/img/seminar/20220827/bg01.png) repeat-x center top/100%;
    padding: 2rem 0 0 0; }
  .pageSeminar20220827W .area04W {
    background: #EEE;
    padding: 1.5rem; }
    .pageSeminar20220827W .area04W p {
      font-weight: bold; }
    .pageSeminar20220827W .area04W ul li {
      text-indent: -1em;
      margin-left: 1.5em;
      line-height: 1.5;
      padding: .2rem 0; }
    .pageSeminar20220827W .area04W ul li:before {
      content: '※'; }

.pageSeminarEnkakuW {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  color: #475964; }
  .pageSeminarEnkakuW .keyVisual img {
    width: 100%; }
  .pageSeminarEnkakuW .pColor01 {
    color: #e24d51; }
  .pageSeminarEnkakuW .toOrder {
    text-align: center; }
    .pageSeminarEnkakuW .toOrder button {
      background: #e24d51;
      color: #FFF;
      text-align: center;
      width: 60%;
      max-width: 400px;
      margin: 0 auto;
      border-radius: 2.5rem;
      height: 5rem; }
      .pageSeminarEnkakuW .toOrder button p {
        line-height: 1.0; }
      .pageSeminarEnkakuW .toOrder button svg {
        display: inline-block;
        height: 1.2em;
        vertical-align: middle;
        margin-left: 2em; }
    .pageSeminarEnkakuW .toOrder a {
      background: #e24d51;
      color: #FFF;
      text-align: center;
      width: 60%;
      max-width: 400px;
      margin: 0 auto;
      border-radius: 2.5rem;
      height: 5rem; }
      .pageSeminarEnkakuW .toOrder a p {
        line-height: 1.0; }
      .pageSeminarEnkakuW .toOrder a svg {
        display: inline-block;
        height: 1.2em;
        vertical-align: middle;
        margin-left: 2em; }
  .pageSeminarEnkakuW .area01W {
    width: 96%;
    max-width: 816px;
    margin: 0 auto; }
    .pageSeminarEnkakuW .area01W p {
      padding: 1rem 0;
      line-height: 1.8; }
  .pageSeminarEnkakuW .area02W {
    width: 96%;
    max-width: 816px; }
    .pageSeminarEnkakuW .area02W > div:nth-of-type(2) {
      width: 14rem;
      max-width: 233px; }
    .pageSeminarEnkakuW .area02W .area02 > div {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between; }
      @media screen and (max-width: 767px) {
        .pageSeminarEnkakuW .area02W .area02 > div {
          flex-flow: row wrap; } }
      .pageSeminarEnkakuW .area02W .area02 > div > div {
        flex: 0 0 45%; }
        @media screen and (max-width: 767px) {
          .pageSeminarEnkakuW .area02W .area02 > div > div {
            flex: 0 0 100%; } }
      .pageSeminarEnkakuW .area02W .area02 > div > div:nth-of-type(2) {
        padding-top: 5rem; }
        @media screen and (max-width: 767px) {
          .pageSeminarEnkakuW .area02W .area02 > div > div:nth-of-type(2) {
            padding-top: 2rem; } }
        .pageSeminarEnkakuW .area02W .area02 > div > div:nth-of-type(2) > div:nth-of-type(1) {
          line-height: 1.8; }
          .pageSeminarEnkakuW .area02W .area02 > div > div:nth-of-type(2) > div:nth-of-type(1) span {
            color: #e24d51; }
        .pageSeminarEnkakuW .area02W .area02 > div > div:nth-of-type(2) > div:nth-of-type(2) {
          line-height: 1.8;
          margin-top: 1rem; }
          .pageSeminarEnkakuW .area02W .area02 > div > div:nth-of-type(2) > div:nth-of-type(2) .span01 {
            font-weight: bold;
            color: #A6CF69; }
          .pageSeminarEnkakuW .area02W .area02 > div > div:nth-of-type(2) > div:nth-of-type(2) .span02 {
            font-weight: bold;
            color: #7ABFC8; }
          .pageSeminarEnkakuW .area02W .area02 > div > div:nth-of-type(2) > div:nth-of-type(2) .span03 {
            font-weight: bold;
            color: #e24d51; }
      .pageSeminarEnkakuW .area02W .area02 > div > div:nth-of-type(1) img {
        width: 100%; }
      .pageSeminarEnkakuW .area02W .area02 > div > div:nth-of-type(1) > div:nth-of-type(1) {
        height: 5rem;
        width: 4rem;
        margin: 0 auto; }
    .pageSeminarEnkakuW .area02W .area02 > div:nth-of-type(2n) {
      flex-direction: row-reverse; }
  .pageSeminarEnkakuW .area02NW {
    width: 96%;
    max-width: 816px; }
    .pageSeminarEnkakuW .area02NW img {
      width: 100%; }
    .pageSeminarEnkakuW .area02NW .div01 {
      width: 18rem;
      max-width: 315px;
      margin: 0 auto; }
    .pageSeminarEnkakuW .area02NW .div03, .pageSeminarEnkakuW .area02NW .div05 {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between; }
      @media screen and (max-width: 767px) {
        .pageSeminarEnkakuW .area02NW .div03, .pageSeminarEnkakuW .area02NW .div05 {
          flex-flow: row wrap; } }
      .pageSeminarEnkakuW .area02NW .div03 > div, .pageSeminarEnkakuW .area02NW .div05 > div {
        flex: 0 0 45%; }
        @media screen and (max-width: 767px) {
          .pageSeminarEnkakuW .area02NW .div03 > div, .pageSeminarEnkakuW .area02NW .div05 > div {
            flex: 0 0 100%; } }
      .pageSeminarEnkakuW .area02NW .div03 > div:nth-of-type(2), .pageSeminarEnkakuW .area02NW .div05 > div:nth-of-type(2) {
        line-height: 1.8; }
        @media screen and (max-width: 767px) {
          .pageSeminarEnkakuW .area02NW .div03 > div:nth-of-type(2), .pageSeminarEnkakuW .area02NW .div05 > div:nth-of-type(2) {
            padding-top: 2rem; } }
        .pageSeminarEnkakuW .area02NW .div03 > div:nth-of-type(2) p, .pageSeminarEnkakuW .area02NW .div05 > div:nth-of-type(2) p {
          padding-bottom: 1.5em; }
      .pageSeminarEnkakuW .area02NW .div03 > div:nth-of-type(1) img, .pageSeminarEnkakuW .area02NW .div05 > div:nth-of-type(1) img {
        width: 100%; }
  .pageSeminarEnkakuW .area03W {
    background: url(/img/seminar/enkaku/bg01.jpg) no-repeat center top/100%; }
    .pageSeminarEnkakuW .area03W .area03 {
      width: 80%;
      max-width: 666px;
      background: #FFF;
      border-radius: .5rem; }
      .pageSeminarEnkakuW .area03W .area03 > div > div:nth-of-type(1) {
        font-size: 1.5rem;
        text-align: center; }
      .pageSeminarEnkakuW .area03W .area03 > div > div:nth-of-type(2) {
        text-align: center; }
        .pageSeminarEnkakuW .area03W .area03 > div > div:nth-of-type(2) svg {
          text-align: center;
          margin: 0 auto; }
      .pageSeminarEnkakuW .area03W .area03 > div > div:nth-of-type(3) {
        width: 75%;
        max-width: 456px; }
        @media screen and (max-width: 639px) {
          .pageSeminarEnkakuW .area03W .area03 > div > div:nth-of-type(3) {
            width: 90%; } }
        .pageSeminarEnkakuW .area03W .area03 > div > div:nth-of-type(3) .div01 {
          position: relative;
          padding-left: 2.2rem;
          line-height: 1.8; }
          .pageSeminarEnkakuW .area03W .area03 > div > div:nth-of-type(3) .div01 .span01 {
            background: #D8FFF4;
            font-weight: bold; }
        .pageSeminarEnkakuW .area03W .area03 > div > div:nth-of-type(3) .div01:before {
          content: '■';
          color: #e24d51;
          position: absolute;
          left: 0;
          top: 0; }
        .pageSeminarEnkakuW .area03W .area03 > div > div:nth-of-type(3) .div02 img {
          width: 100%; }
        .pageSeminarEnkakuW .area03W .area03 > div > div:nth-of-type(3) .div03 {
          padding-left: 2.2rem;
          line-height: 1.8; }
  .pageSeminarEnkakuW .area04W {
    background: #6BB784 url(/img/seminar/enkaku/bg02.png) no-repeat center top/100%;
    padding-bottom: 4rem; }
    .pageSeminarEnkakuW .area04W .area04 {
      width: 80%;
      max-width: 666px;
      background: #FFF;
      border-radius: .5rem  .5rem 0 0; }
      .pageSeminarEnkakuW .area04W .area04 > div > div:nth-of-type(1) {
        font-size: 1.5rem;
        text-align: center; }
      .pageSeminarEnkakuW .area04W .area04 > div > div:nth-of-type(2) {
        text-align: center; }
        .pageSeminarEnkakuW .area04W .area04 > div > div:nth-of-type(2) svg {
          text-align: center;
          margin: 0 auto; }
      .pageSeminarEnkakuW .area04W .area04 > div .div01 {
        width: 75%;
        max-width: 456px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 2rem;
        line-height: 1.8;
        font-weight: bold;
        position: relative;
        padding-left: 2.2rem; }
        .pageSeminarEnkakuW .area04W .area04 > div .div01 > div {
          position: absolute;
          left: 0;
          top: 0.4rem; }
  .pageSeminarEnkakuW .area05W {
    background: #A3BF26 url(/img/seminar/enkaku/bg03.png) no-repeat center top/100%;
    padding-bottom: 4rem; }
    .pageSeminarEnkakuW .area05W .area05 {
      width: 80%;
      max-width: 666px;
      background: #FFF;
      border-radius: .5rem  .5rem 0 0; }
      .pageSeminarEnkakuW .area05W .area05 > div > div:nth-of-type(1) {
        font-size: 1.5rem;
        text-align: center; }
      .pageSeminarEnkakuW .area05W .area05 > div > div:nth-of-type(2) {
        text-align: center; }
        .pageSeminarEnkakuW .area05W .area05 > div > div:nth-of-type(2) svg {
          text-align: center;
          margin: 0 auto; }
      .pageSeminarEnkakuW .area05W .area05 > div > div:nth-of-type(3) > div {
        width: 75%;
        max-width: 456px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1rem;
        line-height: 1.8;
        font-weight: bold;
        border-bottom: #C5E5A6 1px solid;
        padding-bottom: 1rem; }
  .pageSeminarEnkakuW .area06W {
    width: 21rem;
    max-width: 347px; }
  .pageSeminarEnkakuW .area07W {
    background: #E5E5E4 url(/img/seminar/enkaku/bg04.png) no-repeat center top/100%;
    padding-bottom: 0; }
    .pageSeminarEnkakuW .area07W .area07 {
      width: 80%;
      max-width: 666px; }
      @media screen and (max-width: 639px) {
        .pageSeminarEnkakuW .area07W .area07 {
          width: 90%; } }
      .pageSeminarEnkakuW .area07W .area07 > div > div:nth-of-type(1) {
        font-size: 1.5rem;
        text-align: center;
        padding-top: 20rem; }
        @media screen and (max-width: 1023px) {
          .pageSeminarEnkakuW .area07W .area07 > div > div:nth-of-type(1) {
            padding-top: 25vw; } }
        .pageSeminarEnkakuW .area07W .area07 > div > div:nth-of-type(1) > span:nth-of-type(1) {
          display: block;
          font-size: 1.125rem; }
        .pageSeminarEnkakuW .area07W .area07 > div > div:nth-of-type(1) > span:nth-of-type(2) {
          display: block;
          font-size: 1.5rem;
          padding-bottom: .5rem;
          font-weight: 900; }
      .pageSeminarEnkakuW .area07W .area07 > div > div:nth-of-type(2) {
        text-align: center; }
        .pageSeminarEnkakuW .area07W .area07 > div > div:nth-of-type(2) svg {
          text-align: center;
          margin: 0 auto; }
      .pageSeminarEnkakuW .area07W .area07 > div > div:nth-of-type(3) > div {
        position: relative;
        width: 75%;
        max-width: 456px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1rem;
        padding: 1rem 1rem 1rem 5rem;
        line-height: 1.8;
        font-weight: bold;
        background: #FFF;
        border-radius: .5rem; }
        @media screen and (max-width: 639px) {
          .pageSeminarEnkakuW .area07W .area07 > div > div:nth-of-type(3) > div {
            width: 90%; } }
        .pageSeminarEnkakuW .area07W .area07 > div > div:nth-of-type(3) > div P {
          font-size: 0.75rem; }
        .pageSeminarEnkakuW .area07W .area07 > div > div:nth-of-type(3) > div div {
          position: absolute;
          top: 1rem;
          left: 1rem;
          width: 3rem; }
          .pageSeminarEnkakuW .area07W .area07 > div > div:nth-of-type(3) > div div img {
            width: 100%; }
      .pageSeminarEnkakuW .area07W .area07 > div .div02 > span:nth-of-type(1) {
        font-size: 1.5rem; }
      .pageSeminarEnkakuW .area07W .area07 > div .div02 > span:nth-of-type(2) {
        font-size: 1.5rem; }
      .pageSeminarEnkakuW .area07W .area07 > div .div02 > span:nth-of-type(3) {
        font-size: 1.125rem; }
      .pageSeminarEnkakuW .area07W .area07 > div .div03 {
        line-height: 1.8; }
  .pageSeminarEnkakuW .area09W .area09 .area09_1 {
    font-weight: bold;
    text-align: center;
    line-height: 2;
    font-size: 1.125rem; }
  .pageSeminarEnkakuW .area09W .area09 .area09_2 table {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse; }
    .pageSeminarEnkakuW .area09W .area09 .area09_2 table tr {
      border-top: #A09ED8 1px solid; }
      .pageSeminarEnkakuW .area09W .area09 .area09_2 table tr th {
        width: 8em;
        font-weight: bold;
        text-align: left;
        padding: .5rem 0;
        line-height: 2.0;
        vertical-align: top; }
      .pageSeminarEnkakuW .area09W .area09 .area09_2 table tr td {
        width: auto;
        padding: .5rem 0;
        line-height: 2.0;
        vertical-align: top; }
  .pageSeminarEnkakuW .area09W .area09 .p01 {
    color: #E63121;
    font-weight: bold;
    line-height: 1.5; }
  .pageSeminarEnkakuW .area09W .area09 .p02 {
    color: #E63121;
    font-weight: bold;
    line-height: 1.5; }

.pageSeminarMovie8W {
  width: 100%;
  overflow: hidden; }
  .pageSeminarMovie8W .toOrderW {
    padding-bottom: 3rem; }
    .pageSeminarMovie8W .toOrderW .toOrder {
      position: relative; }
      .pageSeminarMovie8W .toOrderW .toOrder a {
        width: 60%;
        max-width: 500px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -2em;
        margin: 0 auto;
        display: block;
        background: #A49445 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000082; }
        .pageSeminarMovie8W .toOrderW .toOrder a > div {
          display: flex;
          flex-flow: row nowrap;
          align-items: center;
          color: #FFF;
          font-weight: 700;
          height: 4em; }
          .pageSeminarMovie8W .toOrderW .toOrder a > div > div:nth-of-type(1) {
            flex: 0 0 2rem; }
          .pageSeminarMovie8W .toOrderW .toOrder a > div > div:nth-of-type(2) {
            flex: 1 1 auto;
            text-align: center; }
          .pageSeminarMovie8W .toOrderW .toOrder a > div > div:nth-of-type(3) {
            flex: 0 0 2rem; }
    .pageSeminarMovie8W .toOrderW .toOrder2 {
      position: relative; }
      .pageSeminarMovie8W .toOrderW .toOrder2 button {
        width: 60%;
        max-width: 500px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -2em;
        margin: 0 auto;
        display: block;
        background: #A49445 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000082; }
        .pageSeminarMovie8W .toOrderW .toOrder2 button > div {
          display: flex;
          flex-flow: row nowrap;
          align-items: center;
          color: #FFF;
          font-weight: 700;
          height: 4em; }
          .pageSeminarMovie8W .toOrderW .toOrder2 button > div > div:nth-of-type(1) {
            flex: 0 0 2rem; }
          .pageSeminarMovie8W .toOrderW .toOrder2 button > div > div:nth-of-type(2) {
            flex: 1 1 auto;
            text-align: center; }
          .pageSeminarMovie8W .toOrderW .toOrder2 button > div > div:nth-of-type(3) {
            flex: 0 0 2rem; }
  .pageSeminarMovie8W .area01W .area01 {
    position: relative; }
    .pageSeminarMovie8W .area01W .area01 .area01_1 {
      width: 100%;
      max-width: 924px;
      margin: 0 auto;
      text-align: center;
      overflow: hidden; }
    .pageSeminarMovie8W .area01W .area01 .area01_2 {
      position: absolute;
      top: 2rem;
      left: 0;
      right: 0; }
    .pageSeminarMovie8W .area01W .area01 .area01_3 {
      width: 100%; }
  .pageSeminarMovie8W .area02W {
    margin-top: 6rem;
    background: url(/img/seminar/movie8/bg01.jpg) no-repeat center center/cover; }
    .pageSeminarMovie8W .area02W .area02 .area02_1 {
      padding: 3rem 0;
      width: 80%;
      margin: 0 auto; }
    .pageSeminarMovie8W .area02W .area02 .area02_2 {
      background: #FFF;
      padding: 3rem 0; }
      .pageSeminarMovie8W .area02W .area02 .area02_2 > div {
        width: 80%;
        max-width: 670px;
        margin: 0 auto; }
  .pageSeminarMovie8W .area03W {
    margin-top: 6rem; }
    @media screen and (max-width: 639px) {
      .pageSeminarMovie8W .area03W {
        margin-top: 0; } }
    .pageSeminarMovie8W .area03W .area03 .area03_2 {
      width: 80%;
      margin: 0 auto; }
    .pageSeminarMovie8W .area03W .area03 .area03_1 {
      width: 80%;
      margin: 0 auto; }
      @media screen and (max-width: 639px) {
        .pageSeminarMovie8W .area03W .area03 .area03_1 {
          width: 100%; } }
      .pageSeminarMovie8W .area03W .area03 .area03_1 > div {
        background: #FFFFFF;
        border: 3px solid #C6C4F3;
        padding: .5rem 1rem .5rem 3rem;
        position: relative;
        margin-bottom: 1.5rem; }
        .pageSeminarMovie8W .area03W .area03 .area03_1 > div > div:nth-of-type(1) {
          line-height: 2;
          font-weight: bold; }
          .pageSeminarMovie8W .area03W .area03 .area03_1 > div > div:nth-of-type(1) span {
            color: #6562CC; }
        .pageSeminarMovie8W .area03W .area03 .area03_1 > div > div:nth-of-type(2) {
          position: absolute;
          top: 1.2rem;
          left: 1rem; }
  .pageSeminarMovie8W .area04W {
    margin-top: 6rem;
    background: url(/img/seminar/movie8/bg02.jpg) no-repeat #000 center top/100%;
    padding: 4rem 0; }
    .pageSeminarMovie8W .area04W .area04 > div {
      width: 80%;
      margin: 0 auto; }
      @media screen and (max-width: 639px) {
        .pageSeminarMovie8W .area04W .area04 > div {
          width: 100%; } }
    .pageSeminarMovie8W .area04W .area04 .area04_1 > div {
      color: #FFF;
      border-bottom: 1px solid #A09ED8;
      padding: .5rem 1rem .5rem 3rem;
      position: relative;
      margin-bottom: 1.5rem; }
      .pageSeminarMovie8W .area04W .area04 .area04_1 > div > div:nth-of-type(1) {
        line-height: 2;
        font-weight: bold; }
        .pageSeminarMovie8W .area04W .area04 .area04_1 > div > div:nth-of-type(1) span {
          color: #6562CC; }
      .pageSeminarMovie8W .area04W .area04 .area04_1 > div > div:nth-of-type(2) {
        position: absolute;
        top: 1.2rem;
        left: 1rem; }
  .pageSeminarMovie8W .area05W {
    padding: 4rem 0; }
    .pageSeminarMovie8W .area05W .area05 > div {
      width: 80%;
      margin: 0 auto; }
  .pageSeminarMovie8W .area06W {
    border: 4px solid #FF8E8E;
    padding: 3px;
    position: relative;
    margin-top: 6rem !important; }
    .pageSeminarMovie8W .area06W .area06_0 {
      position: absolute;
      top: -19px;
      width: 100%; }
      .pageSeminarMovie8W .area06W .area06_0 > svg {
        margin: 0 auto; }
    .pageSeminarMovie8W .area06W .area06 {
      border: 1px solid #FF8E8E;
      text-align: center;
      line-height: 2.0;
      padding: 3rem 2rem 2rem 2rem; }
      .pageSeminarMovie8W .area06W .area06 .area06_2 {
        padding-top: 1.5rem; }
        .pageSeminarMovie8W .area06W .area06 .area06_2 svg {
          margin: 0 auto; }
      .pageSeminarMovie8W .area06W .area06 .area06_3 {
        padding-top: 1.5rem;
        width: 100%;
        max-width: 319px;
        margin: 0 auto; }
        .pageSeminarMovie8W .area06W .area06 .area06_3 img {
          width: 100%; }
      .pageSeminarMovie8W .area06W .area06 .area06_4 {
        padding-top: 1.5rem; }
      .pageSeminarMovie8W .area06W .area06 .area06_5 {
        padding-top: 1.5rem;
        color: #E63121;
        font-weight: bold; }
  .pageSeminarMovie8W .area07W .area07 .area07_2 hr {
    border-color: #D8C195;
    border-bottom-width: 2px; }
  .pageSeminarMovie8W .area07W .area07 .area07_2 p {
    padding-bottom: 1rem;
    line-height: 2.0; }
    .pageSeminarMovie8W .area07W .area07 .area07_2 p span {
      display: inline;
      color: #E63121;
      font-weight: bold;
      border-bottom: #C6C4F3 3px solid; }
  .pageSeminarMovie8W .area08W .area08 .area08_1 {
    background: #3D3A8D;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    line-height: 2; }
  .pageSeminarMovie8W .area08W .area08 .area08_2 {
    width: 100%;
    max-width: 322px;
    margin: 2rem auto; }
  .pageSeminarMovie8W .area09W .area09 .area09_1 {
    color: #B18D49;
    font-weight: bold;
    text-align: center;
    line-height: 2;
    font-size: 1.125rem; }
  .pageSeminarMovie8W .area09W .area09 .area09_2 table {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse; }
    .pageSeminarMovie8W .area09W .area09 .area09_2 table tr {
      border-top: #A09ED8 1px solid; }
      .pageSeminarMovie8W .area09W .area09 .area09_2 table tr th {
        width: 8em;
        color: #6562CC;
        font-weight: bold;
        text-align: left;
        padding: .5rem 0;
        line-height: 2.0;
        vertical-align: top; }
      .pageSeminarMovie8W .area09W .area09 .area09_2 table tr td {
        width: auto;
        padding: .5rem 0;
        line-height: 2.0;
        vertical-align: top; }
  .pageSeminarMovie8W .area09W .area09 .p01 {
    color: #E63121;
    font-weight: bold;
    line-height: 1.5; }
  .pageSeminarMovie8W .area09W .area09 .p02 {
    color: #3D3A8D;
    font-weight: bold;
    line-height: 1.5; }
  .pageSeminarMovie8W .area10W .area10 {
    width: 80%;
    margin: 0 auto; }
    @media screen and (max-width: 639px) {
      .pageSeminarMovie8W .area10W .area10 {
        width: 90%; } }
    .pageSeminarMovie8W .area10W .area10 ul {
      margin: .5rem 0 0 2em; }
      .pageSeminarMovie8W .area10W .area10 ul li {
        list-style: disc;
        margin-bottom: 0.5rem; }

.pageMemberInfoUpdateW .pageMemberInfoUpdate {
  width: 90%;
  max-width: 750px;
  margin: 2rem auto; }
  .pageMemberInfoUpdateW .pageMemberInfoUpdate .cartInputForm {
    margin: 0 auto;
    max-width: 500px; }
    .pageMemberInfoUpdateW .pageMemberInfoUpdate .cartInputForm .cartInputFormRow {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between; }
      .pageMemberInfoUpdateW .pageMemberInfoUpdate .cartInputForm .cartInputFormRow > div:nth-of-type(1) {
        flex: 0 0 10em;
        padding: .5rem;
        font-size: 0.8rem;
        color: #666; }
      .pageMemberInfoUpdateW .pageMemberInfoUpdate .cartInputForm .cartInputFormRow > div:nth-of-type(2) {
        flex: 1 1 auto;
        padding: .5rem; }
    .pageMemberInfoUpdateW .pageMemberInfoUpdate .cartInputForm .div03 {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between; }
      .pageMemberInfoUpdateW .pageMemberInfoUpdate .cartInputForm .div03 > div:nth-of-type(1) {
        flex: 0 0 50%;
        text-align: right;
        padding-right: 1rem; }
      .pageMemberInfoUpdateW .pageMemberInfoUpdate .cartInputForm .div03 > div:nth-of-type(2) {
        flex: 0 0 50%;
        text-align: left;
        padding-left: 1rem; }
  .pageMemberInfoUpdateW .pageMemberInfoUpdate .alertArea01W .alertArea01 {
    width: 90%;
    margin: 0 auto; }
    @media screen and (max-width: 639px) {
      .pageMemberInfoUpdateW .pageMemberInfoUpdate .alertArea01W .alertArea01 {
        width: 90%; } }
    .pageMemberInfoUpdateW .pageMemberInfoUpdate .alertArea01W .alertArea01 ul {
      margin: .5rem 0 0 2em; }
      .pageMemberInfoUpdateW .pageMemberInfoUpdate .alertArea01W .alertArea01 ul li {
        list-style: disc;
        margin-bottom: 0.5rem; }

.youtubeFrame {
  position: relative;
  padding-bottom: 56.25% !important;
  height: 0;
  overflow: hidden; }
  .youtubeFrame iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.baseWidth {
  width: 90%;
  max-width: 816px;
  margin: 0 auto 0 auto;
  padding: 0; }

.baseWidth100 {
  width: 100%;
  max-width: 816px;
  margin: 0 auto 0 auto;
  padding: 0; }

.baseDiv01 {
  width: 100%;
  background: #DBE0EE;
  position: relative;
  margin-top: 5rem;
  padding: 3rem 3rem 2rem 3rem; }
  @media screen and (max-width: 767px) {
    .baseDiv01 {
      padding: 3rem 1.5rem 2rem 1.5rem; } }
  .baseDiv01 > div:nth-of-type(1) {
    position: absolute;
    height: 3rem;
    left: 0;
    right: 0;
    margin: auto;
    top: -1.5rem;
    width: 100%;
    text-align: center; }
    .baseDiv01 > div:nth-of-type(1) h2 {
      background: #1E2F7D;
      color: #FFF;
      padding: .5em 1em;
      display: inline-block;
      border-radius: 1em; }
  .baseDiv01 > div:nth-of-type(2) {
    line-height: 1.8; }

.baseDiv02 {
  margin-top: 4rem;
  border: 1px solid #1E2F7D;
  border-radius: 0.625rem;
  padding: 3rem 0 1rem 0; }
  .baseDiv02 h2 {
    color: #1E2F7D;
    position: relative;
    padding-left: 5rem; }
    @media screen and (max-width: 767px) {
      .baseDiv02 h2 {
        padding-left: 3rem; } }
  .baseDiv02 h2:before {
    background: #E5D566;
    width: 4rem;
    height: 1px;
    position: absolute;
    content: '';
    left: 1px;
    top: .5rem; }
    @media screen and (max-width: 767px) {
      .baseDiv02 h2:before {
        width: 2.5rem; } }
  .baseDiv02 > div:nth-of-type(1) {
    line-height: 1.8;
    padding: 2rem 3rem; }
    @media screen and (max-width: 767px) {
      .baseDiv02 > div:nth-of-type(1) {
        padding: 1.5rem; } }

.baseDiv03 {
  margin-top: 2rem;
  border: 1px solid #1E2F7D;
  border-radius: 0.625rem;
  padding: 1.5rem 0 1rem 0; }
  .baseDiv03 h2 {
    color: #1E2F7D;
    position: relative;
    padding: 0 1.5rem; }
    @media screen and (max-width: 767px) {
      .baseDiv03 h2 {
        padding-left: 1rem; } }
  .baseDiv03 .div01 {
    display: flex;
    flex-flow: row nowrap;
    line-height: 1.8;
    padding: 1rem 2rem; }
    @media screen and (max-width: 767px) {
      .baseDiv03 .div01 {
        padding: 1rem; } }
    .baseDiv03 .div01 > div:nth-of-type(1) {
      width: 4em;
      height: 4em;
      background: #B99C5A;
      color: #FFF;
      border-radius: 50%;
      text-align: center;
      line-height: 4em; }
    .baseDiv03 .div01 > div.online {
      background: #B7B19C; }
    .baseDiv03 .div01 > div:nth-of-type(2) {
      width: calc(100% - 4em);
      padding-left: .5rem; }
  .baseDiv03 .div02 {
    line-height: 1.8;
    padding: 1rem 2rem; }
    @media screen and (max-width: 767px) {
      .baseDiv03 .div02 {
        padding: 1rem; } }

.baseDiv04 {
  margin-top: 4rem;
  border: 1px solid #1E2F7D;
  border-radius: 0.625rem;
  padding: 0; }
  @media screen and (max-width: 767px) {
    .baseDiv04 {
      margin-top: 2rem; } }
  .baseDiv04 > div:nth-of-type(1) {
    line-height: 1.8;
    padding: 2rem 3rem; }
    @media screen and (max-width: 767px) {
      .baseDiv04 > div:nth-of-type(1) {
        padding: 1.5rem; } }

.linkArea > a {
  margin: 0 auto;
  background: #FFF;
  width: 100%;
  max-width: 295px;
  color: #1E2F7D;
  border: 1px solid #1E2F7D;
  border-radius: 0.625rem;
  padding: 1rem;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between; }

.seminarDetailVoiceButton > a {
  margin: 2rem 1rem;
  background: #FEFEF0;
  width: 100%;
  max-width: 10em;
  color: #1E2F7D;
  border: 1px solid #1E2F7D;
  border-radius: 0.625rem;
  padding: .5rem 1rem;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between; }
.seminarDetailVoiceButton a:hover {
  opacity: 0.5; }

.pageSeminarW {
  background: #ECEDF4; }

.pageSeminar {
  width: 90%;
  max-width: 816px;
  margin: 5rem auto 0 auto;
  padding: 5rem 0 2rem 0; }
  .pageSeminar .area01 {
    margin: 0 auto 1rem auto;
    width: 100%;
    background: #FFF;
    box-shadow: 0px 0px 0.625rem #00B9FF5C;
    border: 1px solid #AEBCFF;
    border-radius: 1rem;
    padding: 2rem 3rem 2rem 3rem; }
    @media screen and (max-width: 767px) {
      .pageSeminar .area01 {
        padding: 2rem 1.5rem 2rem 1.5rem; } }
    .pageSeminar .area01 .h2 {
      position: relative;
      text-align: center; }
      .pageSeminar .area01 .h2 p {
        display: inline-block;
        line-height: 1.5;
        color: #1E2F7D;
        padding: 0 1rem; }
  .pageSeminar .area03 {
    margin-top: 3rem;
    background: #FFF;
    padding: 2rem 0; }
    .pageSeminar .area03 h2 {
      color: #1E2F7D;
      padding-left: 4rem;
      position: relative;
      line-height: 1; }
      @media screen and (max-width: 767px) {
        .pageSeminar .area03 h2 {
          padding-left: 1.5rem; } }
    .pageSeminar .area03 h2:before {
      display: block;
      position: absolute;
      left: 0;
      top: .5em;
      content: '';
      height: 1px;
      background: #B99C5A;
      width: 3rem; }
      @media screen and (max-width: 767px) {
        .pageSeminar .area03 h2:before {
          width: 1rem; } }
    .pageSeminar .area03 > div {
      padding: 1rem 4rem 0 4rem;
      line-height: 1.8; }
      @media screen and (max-width: 767px) {
        .pageSeminar .area03 > div {
          padding: 1rem 1.5rem 0 1.5rem; } }
    .pageSeminar .area03 .div01_1 {
      padding-top: 2rem;
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between; }
      @media screen and (max-width: 639px) {
        .pageSeminar .area03 .div01_1 {
          flex-flow: row wrap; } }
      .pageSeminar .area03 .div01_1 div {
        flex: 0 0 50%;
        padding: .5rem; }
        @media screen and (max-width: 639px) {
          .pageSeminar .area03 .div01_1 div {
            flex: 0 0 100%; } }

.linkDiv01 {
  margin-top: 2rem; }
  .linkDiv01 > a {
    margin: 0 auto;
    width: 100%;
    max-width: 295px;
    color: #1E2F7D;
    border: 1px solid #1E2F7D;
    border-radius: 0.625rem;
    padding: 1rem;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between; }

.registerArea {
  margin: 0 auto;
  width: 90%;
  max-width: 816px; }

.pageMembershipW .pageMembership {
  margin: 0 auto;
  width: 90%;
  max-width: 600px; }
  .pageMembershipW .pageMembership .area01 {
    background: #DBE0EE;
    position: relative;
    margin-top: 3rem;
    padding: 3rem 3rem 2rem 3rem; }
    @media screen and (max-width: 767px) {
      .pageMembershipW .pageMembership .area01 {
        padding: 3rem 1.5rem 2rem 1.5rem; } }
    .pageMembershipW .pageMembership .area01 .div01 {
      padding: .5rem; }
      .pageMembershipW .pageMembership .area01 .div01 input[type=text] {
        width: 100%; }
      .pageMembershipW .pageMembership .area01 .div01 #zip {
        max-width: 8em; }
      .pageMembershipW .pageMembership .area01 .div01 textarea {
        width: 100%; }
    .pageMembershipW .pageMembership .area01 .div01_1 {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between; }
      .pageMembershipW .pageMembership .area01 .div01_1 > div:nth-of-type(1) {
        flex: 1 1 auto;
        padding: 0 .5rem 0 0; }
      .pageMembershipW .pageMembership .area01 .div01_1 > div:nth-of-type(2) {
        flex: 0 0 10em;
        padding: 0; }
    .pageMembershipW .pageMembership .area01 .div01_2 > div {
      border: 1px solid #1E2F7D;
      padding: .3rem;
      background: #FFF;
      margin-top: .3rem;
      border-radius: .3rem; }
      .pageMembershipW .pageMembership .area01 .div01_2 > div p {
        padding: .5rem 0 0 1rem; }
    .pageMembershipW .pageMembership .area01 span.colNm {
      font-size: 0.75rem;
      color: #666;
      display: block; }
  .pageMembershipW .pageMembership .div03 {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between; }
    .pageMembershipW .pageMembership .div03 > div:nth-of-type(1) {
      flex: 0 0 50%;
      padding: .5rem; }
      .pageMembershipW .pageMembership .div03 > div:nth-of-type(1) a {
        display: block;
        color: #1E2F7D;
        background: #FFF;
        border: 1px solid #1E2F7D;
        border-radius: 1rem;
        padding: 1rem;
        width: 70%;
        max-width: 300px;
        margin: 1.5rem auto 0 auto; }
    .pageMembershipW .pageMembership .div03 > div:nth-of-type(2) {
      flex: 0 0 50%;
      padding: .5rem; }
  .pageMembershipW .pageMembership .toConfirm {
    color: #1E2F7D;
    background: #FFF;
    border: 1px solid #1E2F7D;
    border-radius: 1rem;
    padding: 1rem;
    width: 70%;
    max-width: 300px;
    margin: 1.5rem auto 0 auto; }
  .pageMembershipW .pageMembership .toCredit {
    background: #DBE0EE;
    position: relative;
    margin-top: 3rem;
    padding: 3rem 3rem 2rem 3rem; }
    @media screen and (max-width: 767px) {
      .pageMembershipW .pageMembership .toCredit {
        padding: 3rem 1.5rem 2rem 1.5rem; } }
    .pageMembershipW .pageMembership .toCredit .alertCredit {
      border: 2px solid #000;
      padding: .5rem;
      margin-bottom: 1rem; }
      .pageMembershipW .pageMembership .toCredit .alertCredit ul {
        margin-left: 1.5rem; }
        .pageMembershipW .pageMembership .toCredit .alertCredit ul li {
          list-style: disc; }
    .pageMembershipW .pageMembership .toCredit .div01 {
      padding: .5rem; }
      .pageMembershipW .pageMembership .toCredit .div01 span.colNm {
        font-size: 0.75rem;
        color: #666;
        display: block; }
      .pageMembershipW .pageMembership .toCredit .div01 #cardno {
        width: 100%; }
      .pageMembershipW .pageMembership .toCredit .div01 #expire_month {
        width: 6em;
        display: inline-block; }
      .pageMembershipW .pageMembership .toCredit .div01 #expire_year {
        width: 8em;
        display: inline-block; }
      .pageMembershipW .pageMembership .toCredit .div01 #holderfirstname {
        width: 45%;
        display: inline-block; }
      .pageMembershipW .pageMembership .toCredit .div01 #holderlastname {
        width: 45%;
        display: inline-block; }
      .pageMembershipW .pageMembership .toCredit .div01 textarea {
        width: 100%; }

.pageContactW .pageContact {
  margin: 0 auto;
  width: 90%;
  max-width: 600px; }
  .pageContactW .pageContact .area01 {
    background: #DBE0EE;
    position: relative;
    margin-top: 3rem;
    padding: 3rem 3rem 2rem 3rem; }
    @media screen and (max-width: 767px) {
      .pageContactW .pageContact .area01 {
        padding: 3rem 1.5rem 2rem 1.5rem; } }
    .pageContactW .pageContact .area01 .div01 {
      padding: .5rem; }
      .pageContactW .pageContact .area01 .div01 input[type=text] {
        width: 100%; }
      .pageContactW .pageContact .area01 .div01 #zip {
        max-width: 8em; }
      .pageContactW .pageContact .area01 .div01 textarea {
        width: 100%;
        height: 8em; }
    .pageContactW .pageContact .area01 .div01_1 {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between; }
      .pageContactW .pageContact .area01 .div01_1 > div:nth-of-type(1) {
        flex: 1 1 auto;
        padding: 0 .5rem 0 0; }
      .pageContactW .pageContact .area01 .div01_1 > div:nth-of-type(2) {
        flex: 0 0 10em;
        padding: 0; }
    .pageContactW .pageContact .area01 span.colNm {
      font-size: 0.75rem;
      color: #666;
      display: block; }
  .pageContactW .pageContact .div03 {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between; }
    .pageContactW .pageContact .div03 > div:nth-of-type(1) {
      flex: 0 0 50%;
      padding: .5rem; }
      .pageContactW .pageContact .div03 > div:nth-of-type(1) a {
        display: block;
        color: #1E2F7D;
        background: #FFF;
        border: 1px solid #1E2F7D;
        border-radius: 1rem;
        padding: 1rem;
        width: 70%;
        max-width: 300px;
        margin: 1.5rem auto 0 auto; }
    .pageContactW .pageContact .div03 > div:nth-of-type(2) {
      flex: 0 0 50%;
      padding: .5rem; }
  .pageContactW .pageContact .toConfirm {
    color: #1E2F7D;
    background: #FFF;
    border: 1px solid #1E2F7D;
    border-radius: 1rem;
    padding: 1rem;
    width: 70%;
    max-width: 300px;
    margin: 1.5rem auto 0 auto; }

.pageRegisteredW .pageRegistered {
  margin: 0 auto;
  width: 90%;
  max-width: 600px; }
  .pageRegisteredW .pageRegistered .area01 {
    background: #DBE0EE;
    position: relative;
    margin-top: 3rem;
    padding: 2rem 3rem 2rem 3rem; }
    @media screen and (max-width: 767px) {
      .pageRegisteredW .pageRegistered .area01 {
        padding: 2rem 1.5rem 2rem 1.5rem; } }

.registerArea {
  width: 90%;
  max-width: 816px;
  margin: 2rem auto 0 auto; }
  .registerArea .area00 {
    margin-top: 4rem;
    border: 1px solid #1E2F7D;
    border-radius: 0.625rem;
    padding: 2rem 0; }
    @media screen and (max-width: 767px) {
      .registerArea .area00 {
        padding: 2rem 0 3rem 0; } }
    .registerArea .area00 h2 {
      color: #1E2F7D;
      position: relative;
      padding-left: 5rem; }
      @media screen and (max-width: 767px) {
        .registerArea .area00 h2 {
          padding-left: 3rem; } }
    .registerArea .area00 h2:before {
      background: #E5D566;
      width: 4rem;
      height: 1px;
      position: absolute;
      content: '';
      left: 1px;
      top: .5rem; }
      @media screen and (max-width: 767px) {
        .registerArea .area00 h2:before {
          width: 2.5rem; } }
    .registerArea .area00 .p01 {
      padding-left: 3rem; }
      @media screen and (max-width: 767px) {
        .registerArea .area00 .p01 {
          padding-left: 2rem; } }
    .registerArea .area00 .div01 {
      line-height: 1.8;
      padding: 0 3rem;
      font-size: 0.875rem; }
      @media screen and (max-width: 767px) {
        .registerArea .area00 .div01 {
          padding: .5rem 1.5rem 0 1.5rem; } }
    .registerArea .area00 .div02 {
      line-height: 1.8;
      padding: 1rem 3rem 0 3rem; }
      @media screen and (max-width: 767px) {
        .registerArea .area00 .div02 {
          padding: 0 1.5rem 0 1.5rem; } }
      .registerArea .area00 .div02 dl dt {
        color: #8e97be;
        font-weight: bold;
        font-size: 0.75rem;
        padding-top: .5rem; }
      .registerArea .area00 .div02 dl dd {
        font-size: 0.875rem; }

/* ---------------------------------------------------------
layerMenu
--------------------------------------------------------- */
#layerMenuW {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  z-index: 2; }
  #layerMenuW #layerMenu {
    width: 90%;
    max-width: 375px;
    height: 100%;
    background: #EDEFF3;
    margin: 0 0 0 auto;
    overflow: auto;
    z-index: 3; }
    #layerMenuW #layerMenu .area01 {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between; }
      #layerMenuW #layerMenu .area01 > div:nth-of-type(1) {
        flex: 0 0 40%;
        padding: 1rem; }
      #layerMenuW #layerMenu .area01 > div:nth-of-type(2) {
        flex: 0 0 40%;
        padding: 1rem; }
        #layerMenuW #layerMenu .area01 > div:nth-of-type(2) button {
          font-size: 3rem;
          color: #1E2F7D;
          line-height: 1;
          text-align: right;
          margin-left: auto; }
    #layerMenuW #layerMenu .loginedAreaW {
      width: 90%;
      margin-bottom: 1rem; }
      #layerMenuW #layerMenu .loginedAreaW .loginedArea {
        background: #FFF;
        padding: .5rem;
        border-radius: .5rem; }
    #layerMenuW #layerMenu nav {
      padding: 1rem; }
      #layerMenuW #layerMenu nav > a {
        display: block; }
      #layerMenuW #layerMenu nav > a.a01 {
        padding-bottom: .8rem; }
        #layerMenuW #layerMenu nav > a.a01 > div:nth-of-type(1) {
          color: #1E2F7D; }
        #layerMenuW #layerMenu nav > a.a01 > div:nth-of-type(2) {
          color: #8e97be; }
      #layerMenuW #layerMenu nav > a.a02 {
        border: 1px solid #1E2F7D;
        background: #FFF;
        padding: .5rem 1rem;
        color: #1E2F7D;
        border-radius: 1rem;
        width: 10rem;
        margin: 1rem 0; }
        #layerMenuW #layerMenu nav > a.a02 > div {
          text-align: center;
          line-height: 1; }
      #layerMenuW #layerMenu nav > a.a03 {
        padding-bottom: .8rem; }
        #layerMenuW #layerMenu nav > a.a03 > div:nth-of-type(1) {
          color: #1E2F7D; }
      #layerMenuW #layerMenu nav a:link {
        color: inherit;
        text-decoration: none;
        font-weight: inherit; }
      #layerMenuW #layerMenu nav a:visited {
        color: inherit;
        text-decoration: none;
        font-weight: inherit; }
      #layerMenuW #layerMenu nav a:hover {
        color: inherit;
        text-decoration: none;
        font-weight: inherit;
        opacity: 0.5; }
      #layerMenuW #layerMenu nav a:active {
        color: inherit;
        text-decoration: none;
        font-weight: inherit; }

.pageTokushoW, .pagePolicyW, .pageMemberW {
  margin-top: 2rem;
  background: #ECEDF4;
  padding: 3rem 1rem; }
  .pageTokushoW .pageTokusho, .pageTokushoW .pagePolicy, .pageTokushoW .pageMember, .pagePolicyW .pageTokusho, .pagePolicyW .pagePolicy, .pagePolicyW .pageMember, .pageMemberW .pageTokusho, .pageMemberW .pagePolicy, .pageMemberW .pageMember {
    background: #FFF;
    width: 90%;
    max-width: 816px;
    margin: 0 auto;
    padding: 1rem; }
    .pageTokushoW .pageTokusho dl dt, .pageTokushoW .pagePolicy dl dt, .pageTokushoW .pageMember dl dt, .pagePolicyW .pageTokusho dl dt, .pagePolicyW .pagePolicy dl dt, .pagePolicyW .pageMember dl dt, .pageMemberW .pageTokusho dl dt, .pageMemberW .pagePolicy dl dt, .pageMemberW .pageMember dl dt {
      border-bottom: dashed #666 1px;
      font-weight: bold;
      padding: 0 .5rem;
      color: #8e97be; }
    .pageTokushoW .pageTokusho dl dd, .pageTokushoW .pagePolicy dl dd, .pageTokushoW .pageMember dl dd, .pagePolicyW .pageTokusho dl dd, .pagePolicyW .pagePolicy dl dd, .pagePolicyW .pageMember dl dd, .pageMemberW .pageTokusho dl dd, .pageMemberW .pagePolicy dl dd, .pageMemberW .pageMember dl dd {
      padding: .5rem .5rem 1rem .5rem; }

.pageMemberW .memberDataContainer > div {
  background: #F6F6F6;
  padding: .5rem 1rem; }
  .pageMemberW .memberDataContainer > div > span {
    font-size: 0.75rem;
    color: #999;
    font-weight: 700; }
  .pageMemberW .memberDataContainer > div > span:before {
    content: '['; }
  .pageMemberW .memberDataContainer > div > span:after {
    content: ']'; }

.pagePolicyW .pagePolicy .p01 {
  padding: 1rem;
  line-height: 1.8; }
.pagePolicyW .pagePolicy h2 {
  border-bottom: 1px dashed #666;
  margin: 2rem 0 .5rem 0;
  padding-bottom: .3rem; }
.pagePolicyW .pagePolicy ul {
  margin: 2rem 1rem 2rem 3rem; }
  .pagePolicyW .pagePolicy ul li {
    list-style: disc;
    padding-bottom: .5rem; }

.pageCartW .pageCart {
  width: 90%;
  max-width: 750px;
  margin: 2rem auto; }
  .pageCartW .pageCart .cartInputForm {
    margin-top: 2rem; }
    .pageCartW .pageCart .cartInputForm .cartInputFormRow {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between; }
      .pageCartW .pageCart .cartInputForm .cartInputFormRow > div:nth-of-type(1) {
        flex: 0 0 10em;
        padding: .5rem;
        font-size: 0.8rem;
        color: #666; }
      .pageCartW .pageCart .cartInputForm .cartInputFormRow > div:nth-of-type(2) {
        flex: 1 1 auto;
        padding: .5rem; }
    .pageCartW .pageCart .cartInputForm .cartInputFormRow2 > div:nth-of-type(1) {
      padding: 0 .5rem;
      font-size: 0.8rem;
      color: #666; }
    .pageCartW .pageCart .cartInputForm .cartInputFormRow2 > div:nth-of-type(2) {
      padding: .5rem; }
    .pageCartW .pageCart .cartInputForm .div03 {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between; }
      .pageCartW .pageCart .cartInputForm .div03 > div:nth-of-type(1) {
        flex: 0 0 50%;
        text-align: right;
        padding-right: 1rem; }
      .pageCartW .pageCart .cartInputForm .div03 > div:nth-of-type(2) {
        flex: 0 0 50%;
        text-align: left;
        padding-left: 1rem; }
  .pageCartW .pageCart .alertArea01W .alertArea01 {
    width: 90%;
    margin: 0 auto; }
    @media screen and (max-width: 639px) {
      .pageCartW .pageCart .alertArea01W .alertArea01 {
        width: 90%; } }
    .pageCartW .pageCart .alertArea01W .alertArea01 ul {
      margin: .5rem 0 0 2em; }
      .pageCartW .pageCart .alertArea01W .alertArea01 ul li {
        list-style: disc;
        margin-bottom: 0.5rem; }

#layerCoW {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
  padding: 2rem 0; }
  #layerCoW .red {
    color: #C8161D !important; }
  #layerCoW #layerCo {
    width: 80%;
    max-width: 400px;
    margin: 0 auto; }
    #layerCoW #layerCo .area00 {
      font-size: 4rem; }
    #layerCoW #layerCo .area01 {
      background: #FFF;
      border-radius: .5rem;
      padding: 2rem 1.5rem; }
      #layerCoW #layerCo .area01 .div01 {
        width: 100%; }
        #layerCoW #layerCo .area01 .div01 textarea {
          width: 100%;
          height: 6em; }