@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=M+PLUS+1p:700,800");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

body {
  font: 14px "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
  color: #000;
  background: #fff;
  line-height: 1.7;
}

img {
  vertical-align: bottom;
}

a {
  margin: 0;
  padding: 0;
  text-decoration: none;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  font-size: 100%;
}

/*　ヘッダー
***************************************************************************/
#head {
  background: #fff;
  -moz-box-shadow: 0px 5px 3px 0px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 5px 3px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 5px 3px 0px rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 100 !important;
}
#head a {
  color: #000;
}

@media screen and (min-width: 769px) {
  #head {
    padding: 15px 0;
  }
  #head li {
    padding: 0 10px;
    border-right: 1px solid #3a3a39;
  }
  #head li:first-child {
    padding-left: 0;
  }
  #head li:last-child {
    padding-right: 0;
    border-right: 0;
  }

  .head-box {
    -webkit-display: flex;
    -ms-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    align-items: center;
    margin: 0 auto;
    width: 1000px;
  }
  .head-box nav ul {
    -webkit-display: flex;
    -ms-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: flex;
  }
  .head-box input[type="checkbox"] {
    display: none;
  }
  .head-box .pure-container {
    margin-left: auto;
  }

  .head-logo img {
    width: 280px;
    height: auto;
  }

  .pure-toggle-label {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .head-box nav {
    padding-top: 60px;
    text-align: center;
  }
  .head-box ul {
    border-top: 1px solid #000;
  }
  .head-box li {
    border-bottom: 1px solid #000;
  }
  .head-box a {
    padding: 10px 0;
    display: block;
  }

  .head-logo {
    padding: 20px 10px;
  }
  .head-logo img {
    width: 80%;
  }
}
/*　メイン
***************************************************************************/
#main li {
  position: relative;
}
#main li:not(:first-child) img:nth-child(2) {
  bottom: 3%;
}
#main img:nth-child(2) {
  margin: auto;
  position: absolute;
  bottom: 10%;
  left: 0;
  right: 0;
}

#containar h3 {
  margin-bottom: 30px;
}

.about p {
  text-align: justify;
}

.aboutV1 img, .aboutV2 img {
  width: 100%;
}

.aboutV2 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.aboutV3 {
  color: #fff;
  background: #000;
}

.policyV1 img {
  width: 100%;
}

.policyV2 {
  margin: 3% auto;
  font-size: 16px;
}
.policyV2 h4 {
  margin-bottom: 20px;
}
.policyV2 ol {
  margin-left: 20px;
  list-style-type: decimal;
}

.scheduleV1 img {
  width: 100%;
}

.scheduleV2 {
  margin-top: 30px;
}

#containar.introduction h3 {
  margin-bottom: 20px;
}

.introductionV1 img {
  width: 100%;
}

.lesson {
  margin-top: 30px;
}

.lesson-table dl {
  margin-bottom: 2%;
  border: 1px solid #000;
  box-sizing: border-box;
}
.lesson-table dt {
  color: #fff;
  background: #000;
}
.lesson-table dd {
  text-align: center;
}
.lesson-table dd:nth-child(even) {
  background: #fffeec;
}
.lesson-table ul {
  margin-bottom: 4%;
}

.introductionV2 {
  margin-top: 30px;
}

.introductionV2V1 dl {
  margin-bottom: 2%;
  border: 1px solid #000;
  box-sizing: border-box;
}
.introductionV2V1 dt {
  color: #fff;
  background: #000;
}
.introductionV2V1 dd {
  text-align: center;
}
.introductionV2V1 dd:nth-child(even) {
  background: #fffeec;
}
.introductionV2V1 ul {
  margin-bottom: 4%;
}

.introduction strong {
  color: #e4007f;
  font-size: 18px;
}
.introduction a {
  color: #ec7220;
}

.introductionV3V1 dt, .introductionV3V1 dd, .introductionV5V1 dt, .introductionV5V1 dd, .introductionV7V1 dt, .introductionV7V1 dd, .introductionV9V1 dt, .introductionV9V1 dd, .introductionV11V1 dt, .introductionV11V1 dd, .introductionV4V1V1 dt, .introductionV4V1V1 dd, .introductionV6V1V1 dt, .introductionV6V1V1 dd, .introductionV8V1V1 dt, .introductionV8V1V1 dd, .introductionV10V1V1 dt, .introductionV10V1V1 dd, .class-text dt, .class-text dd {
  display: table-cell;
}

.introductionV3V1 div, .introductionV5V1 div, .introductionV7V1 div, .introductionV9V1 div, .introductionV11V1 div {
  padding: 5px 10px;
  border: 1px solid #000;
}

.introductionV4V1V1 div, .introductionV6V1V1 div, .introductionV8V1V1 div, .introductionV10V1V1 div {
  padding: 5px 10px;
  border: 1px solid #fff;
}

.introductionV4, .introductionV6, .introductionV8, .introductionV10 {
  color: #fff;
  background: #000;
}

.class-box.even {
  color: #fff;
  background: #000;
}

.introductionV4V1 h3 {
  max-width: 290px;
}

.introductionV5V1 h3 img {
  max-height: 95px;
  width: auto;
}

.introductionV6V1V1 h3 img {
  max-height: 95px;
  width: auto;
}

.introductionV8V1 h3 {
  max-width: 355px;
}

.introductionV9V1 h3 img {
  max-height: 90px;
  width: auto;
}

.introductionV10V1 h3 {
  max-width: 245px;
}

.introductionV11V1 h3 {
  max-width: 420px;
}

.experienceV1 img {
  width: 100%;
}

.experienceV2 {
  margin-top: 30px;
}
.experienceV2 img {
  max-width: 100%;
}

.experienceV3 {
  background: #f0e4ab;
  text-align: center;
}
.experienceV3 img {
  max-width: 100%;
}

.experienceV5, .experienceV6, .experienceV7 {
  font-size: 16px;
}

.experienceV5 {
  background: #fffddf;
}

.experienceV5V1 h4 {
  margin-bottom: 20px;
}
.experienceV5V1 div {
  border-bottom: 1px dotted #000;
}
.experienceV5V1 div:not(:last-child) {
  margin-bottom: 10px;
}
.experienceV5V1 div:nth-child(3) h5 {
  margin-top: 10px;
}

.experienceV6 {
  background: #fdeff5;
}
.experienceV6 h4 {
  margin-bottom: 3%;
}
.experienceV6 li:not(:last-child) {
  margin-bottom: 5px;
}

.experienceV7 h4 {
  margin-bottom: 4%;
}

.experienceV7V1 {
  text-align: center;
}
.experienceV7V1 form > p {
  margin-bottom: 5px;
}
.experienceV7V1 dl {
  border: 1px solid #ccc;
  text-align: left;
}
.experienceV7V1 dt, .experienceV7V1 dd {
  padding: 5px;
  box-sizing: border-box;
}
.experienceV7V1 dt {
  border-bottom: 1px solid #ccc;
}
.experienceV7V1 dd {
  word-break: break-all;
}
.experienceV7V1 dd:not(:last-child) {
  border-bottom: 1px solid #ccc;
}
.experienceV7V1 span {
  color: #f00;
}
.experienceV7V1 a {
  color: #f00;
}
.experienceV7V1 input[type="submit"], .experienceV7V1 input[type="button"] {
  padding: 5px 20px;
  border: 0;
  color: #fff;
  background: #ec7220;
}
.experienceV7V1 > p {
  margin-bottom: 2%;
  text-align: left;
}

.experienceV7V1V1 {
  margin-bottom: 10px;
}
.experienceV7V1V1 div dl {
  border-top: 0;
}

.experienceV7V2 span {
  color: #ff0000;
}

.select-sp {
  margin-top: 10px;
}

#experience a {
  color: #f15a22;
}

.overviewV1 img {
  width: 100%;
}

.overviewV2 {
  margin: 30px 0;
}

.overviewV2V1 {
  margin-bottom: 30px;
}
.overviewV2V1 dl {
  border: 1px solid #ccc;
}
.overviewV2V1 dt, .overviewV2V1 dd {
  padding: 5px;
  box-sizing: border-box;
}
.overviewV2V1 dt {
  border-bottom: 1px solid #ccc;
}
.overviewV2V1 dd:not(:last-child) {
  border-bottom: 1px solid #ccc;
}
.overviewV2V1 p {
  font-size: 90%;
  color: #f00;
}
.overviewV2V1 a {
  color: #f15a22;
}

.overviewV2V2 h4 {
  margin-bottom: 5px;
  font-size: 24px;
}
.overviewV2V2 p {
  margin-bottom: 5px;
}
.overviewV2V2 img {
  max-width: 100%;
}

.linkV1 img {
  width: 100%;
}

.linkV2 {
  margin-top: 30px;
}
.linkV2 h3, .linkV2 h4 {
  font-weight: bold;
}
.linkV2 h3 {
  font-size: 24px;
}
.linkV2 h4 {
  font-size: 20px;
}
.linkV2 h4 a {
  color: #000;
}
.linkV2 strong {
  margin-top: 20px;
  font-weight: bold;
  display: block;
}

.linkV2V1 {
  margin-bottom: 3%;
  padding: 10px;
  background: #FEF1DF;
  border: #F7D8BF 1px solid;
}
.linkV2V1 a {
  color: #f15a22;
}
.linkV2V1 ul {
  margin-bottom: 20px;
  list-style-type: disc;
  list-style-position: inside;
}
.linkV2V1 input, .linkV2V1 textarea {
  display: block;
}

.linkV2V2 li:not(:last-child) {
  margin-bottom: 20px;
}

.contact img {
  max-width: 100%;
}

.contact-link {
  margin-bottom: 3%;
}
.contact-link p {
  border: 1px solid #000;
  box-shadow: 1px 2px 4px;
  border-radius: 10px;
}
.contact-link a {
  padding: 5px 10px;
  color: #eb5e00;
  display: block;
}

.events img {
  max-width: 100%;
}
.events .experienceV7 > p {
  margin: 0 auto 2%;
  text-align: justify;
}
.events .experienceV7 > p span {
  font-weight: bold;
}

.instructorV1 img {
  width: 100%;
}

.instructorV2 {
  margin-top: 30px;
}

.instructorV2V1 li {
  padding: 10%;
  background: url(../images/bg-waku.png) no-repeat;
  background-size: contain;
}
.instructorV2V1 video {
  width: 100%;
}

.instructorV2V2 h4 {
  font-family: "ヒラギノ明朝 ProN W3","游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  margin-bottom: 1%;
}
.instructorV2V2 ul {
  margin-bottom: 10px;
}
.instructorV2V2 li {
  font-family: "ヒラギノ明朝 ProN W3","游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  text-shadow: 1px 0px 1px #000;
}

.inst-member {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.inst-member figure {
  margin: 0;
  position: relative;
}
.inst-member figure:before {
  display: block;
  content: '';
  padding-top: 100%;
}
.inst-member figure img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: 'object-fit:cover;';
}
.inst-member.inst1 li {
  width: 48%;
  margin-bottom: 30px;
}
.inst-member.inst3 li {
  width: 32%;
  margin-bottom: 30px;
}
.inst-member strong {
  font-size: 36px;
}
.inst-member p {
  font-size: 36px;
}

.instructorV3 {
  background: #fffddf;
}

.instructorV3V1H1 img {
  max-width: 100%;
}

.instructorV3V1H2 {
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.instructorV3V1H2 h4, .instructorV3V1H2 strong {
  font-family: "ヒラギノ明朝 ProN W3","游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
.instructorV3V1H2 h4 {
  color: #b20004;
}
.instructorV3V1H2 strong {
  text-shadow: 1px 0px 1px #000;
}

.instructorV4 {
  background: #fff;
}
.instructorV4 .instructorV3V1H2 dl {
  margin-bottom: 10px;
}
.instructorV4 .instructorV3V1H2 dt, .instructorV4 .instructorV3V1H2 dd {
  display: table-cell;
}
.instructorV4 .instructorV3V1H2 dd {
  text-align: justify;
}

.yogaV1V1H1 {
  font-family: "ヒラギノ明朝 ProN W3","游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}

.yogaV1V1H2V1 {
  margin-bottom: 10px;
  border: 2px solid #000;
}

.no-video {
  display: none;
}

.fot-boxV1 h6 {
  margin-top: 30px;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  font-family: "ヒラギノ明朝 ProN W3","游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}

#instafeed {
  margin: 10px auto 20px;
  -webkit-display: flex;
  -ms-display: flex;
  -moz-display: flex;
  -o-display: flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
#instafeed a {
  display: block;
  width: 19%;
  margin: 0 1% 10px 0;
}
#instafeed a:first-child {
  margin: 0 1% 10px 0;
}
#instafeed a:nth-child(5n) {
  margin-right: 0;
}

@media screen and (min-width: 769px) {
  #main img:first-child {
    width: 100%;
  }

  .d-none-sp {
    display: none;
  }

  .about p {
    font-size: 18px;
  }

  .aboutV2 {
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
  }
  .aboutV2 h3 {
    width: 685px;
  }
  .aboutV2 img {
    width: 100%;
  }

  .aboutV3V1 {
    margin: auto;
    width: 1000px;
    position: relative;
  }
  .aboutV3V1 div {
    max-width: 420px;
    position: absolute;
    top: 14%;
    left: 4%;
  }
  .aboutV3V1 img {
    width: 100%;
  }

  .aboutV4V1 {
    margin: auto;
    width: 1000px;
    position: relative;
  }
  .aboutV4V1 div {
    max-width: 350px;
    position: absolute;
    top: 14%;
    right: 7%;
  }
  .aboutV4V1 img {
    width: 100%;
  }

  .policyV2 {
    width: 1000px;
  }

  .policyV2V1 {
    margin-bottom: 30px;
  }
  .policyV2V1 img {
    width: 325px;
    height: auto;
  }

  .policyV2V2 img {
    width: 405px;
    height: auto;
  }
  .policyV2V2 p {
    margin-bottom: 20px;
  }

  .scheduleV2 {
    margin: 30px auto 30px;
    width: 900px;
  }
  .scheduleV2 h3 {
    margin-bottom: 50px;
  }
  .scheduleV2 h4 {
    margin-bottom: 20px;
    font-size: 24px;
    text-indent: -15px;
  }
  .scheduleV2 p {
    margin-bottom: 30px;
    font-size: 18px;
  }
  .scheduleV2 iframe {
    width: 100%;
  }

  .lesson {
    margin: 30px auto 0;
    width: 1000px;
  }

  .lesson-table dl {
    -webkit-display: flex;
    -ms-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .lesson-table dt {
    width: 100%;
    font-size: 26px;
  }
  .lesson-table dd {
    padding: 10px 0;
    width: 25%;
    font-size: 22px;
    box-sizing: border-box;
  }
  .lesson-table dd:not(:nth-child(4n+1)) {
    border-right: 1px solid #000;
  }
  .lesson-table dd:nth-child(-n+13) {
    border-bottom: 1px solid #000;
  }
  .lesson-table dd:first-of-type a {
    cursor: default;
  }
  .lesson-table dd a {
    height: 100%;
    -webkit-display: flex;
    -ms-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    align-items: center;
  }
  .lesson-table dd p {
    text-align: center;
    color: #3a3a39;
    width: 100%;
    line-height: 1.4;
  }
  .lesson-table dd .reduce {
    font-size: .9em;
  }
  .lesson-table ul li {
    font-size: 17px;
    text-indent: -1em;
    padding-left: 1em;
  }

  .introductionV2 {
    margin: 30px auto 0;
    width: 1000px;
  }

  .introductionV2V1 dl {
    -webkit-display: flex;
    -ms-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .introductionV2V1 dt {
    width: 100%;
    font-size: 26px;
  }
  .introductionV2V1 dd {
    -webkit-display: flex;
    -ms-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: cebter;
    -ms-justify-content: cebter;
    -moz-justify-content: cebter;
    -o-justify-content: cebter;
    justify-content: cebter;
    -webkit-align-items: center;
    -ms-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    align-items: center;
    padding: 10px 0;
    width: 20%;
    font-size: 22px;
    box-sizing: border-box;
  }
  .introductionV2V1 dd:not(:nth-child(5n+1)) {
    border-right: 1px solid #000;
  }
  .introductionV2V1 dd:nth-child(-n+6) {
    border-bottom: 1px solid #000;
  }
  .introductionV2V1 dd p {
    width: 100%;
  }
  .introductionV2V1 ul {
    font-size: 18px;
  }

  .introductionV3, .introductionV5, .introductionV7, .introductionV9, .introductionV11 {
    margin: auto;
    width: 1000px;
    position: relative;
  }
  .introductionV3 > div, .introductionV5 > div, .introductionV7 > div, .introductionV9 > div, .introductionV11 > div {
    max-width: 420px;
    position: absolute;
    top: 5%;
    left: 1%;
  }
  .introductionV3 img, .introductionV5 img, .introductionV7 img, .introductionV9 img, .introductionV11 img {
    max-width: 100%;
  }

  .class-box.odd {
    margin: auto;
    width: 1000px;
    position: relative;
  }
  .class-box.odd > div {
    max-width: 420px;
    position: absolute;
    top: 5%;
    left: 1%;
  }
  .class-box.odd img {
    max-width: 100%;
  }

  .introductionV3V1 div, .introductionV5V1 div, .introductionV7V1 div, .introductionV9V1 div, .introductionV11V1 div, .introductionV4V1V1 div, .introductionV6V1V1 div, .introductionV8V1V1 div, .introductionV10V1V1 div {
    font-size: 18px;
    line-height: 1.3;
  }
  .introductionV3V1 dt, .introductionV5V1 dt, .introductionV7V1 dt, .introductionV9V1 dt, .introductionV11V1 dt, .introductionV4V1V1 dt, .introductionV6V1V1 dt, .introductionV8V1V1 dt, .introductionV10V1V1 dt {
    width: 32%;
  }
  .introductionV3V1 dd, .introductionV5V1 dd, .introductionV7V1 dd, .introductionV9V1 dd, .introductionV11V1 dd, .introductionV4V1V1 dd, .introductionV6V1V1 dd, .introductionV8V1V1 dd, .introductionV10V1V1 dd {
    width: 68%;
  }

  .introductionV6V1V1 div, .introductionV7V1 div {
    margin: 10px 0;
  }

  .introductionV4V1, .introductionV6V1, .introductionV8V1, .introductionV10V1 {
    margin: auto;
    width: 1000px;
    position: relative;
  }
  .introductionV4V1 > div, .introductionV6V1 > div, .introductionV8V1 > div, .introductionV10V1 > div {
    max-width: 420px;
    position: absolute;
    top: 5%;
    right: 1%;
  }
  .introductionV4V1 img, .introductionV6V1 img, .introductionV8V1 img, .introductionV10V1 img {
    max-width: 100%;
  }

  .introductionV3V1 > p, .introductionV4V1V1 > p, .introductionV5V1 > p, .introductionV6V1V1 > p, .introductionV7V1 > p, .introductionV8V1V1 > p, .introductionV9V1 > p, .introductionV10V1V1 > p, .introductionV11V1 > p {
    margin-bottom: 20px;
    font-size: 16px;
  }
  .introductionV3V1 .reduce, .introductionV4V1V1 .reduce, .introductionV5V1 .reduce, .introductionV6V1V1 .reduce, .introductionV7V1 .reduce, .introductionV8V1V1 .reduce, .introductionV9V1 .reduce, .introductionV10V1V1 .reduce, .introductionV11V1 .reduce {
    font-size: .9em;
  }

  .experienceV2 {
    margin: 0 auto 25px;
    width: 1000px;
  }
  .experienceV2 strong {
    margin: 20px auto;
    width: 95%;
    display: block;
  }

  .experienceV2V1 {
    -webkit-display: flex;
    -ms-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
  }
  .experienceV2V1 li {
    width: 32%;
  }

  .experienceV4 {
    margin: auto;
    width: 1000px;
    position: relative;
  }
  .experienceV4 div {
    max-width: 360px;
    position: absolute;
    top: 7%;
    left: 0;
    font-size: 90%;
    text-align: justify;
  }
  .experienceV4 img {
    width: 100%;
  }
  .experienceV4 p:first-child {
    margin-bottom: 15px;
  }

  .experienceV5 {
    padding: 30px 0;
  }

  .experienceV5V1 {
    margin: auto;
    width: 1000px;
  }

  .experienceV6 {
    padding: 50px 0;
  }

  .experienceV6V1 {
    margin: auto;
    width: 1000px;
  }

  .experienceV7 {
    margin: 40px auto;
    width: 1000px;
  }

  .experienceV7V1 {
    margin: 0 auto 60px;
    width: 700px;
  }
  .experienceV7V1 dl {
    -webkit-display: flex;
    -ms-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .experienceV7V1 dt {
    border-right: 1px solid #ccc;
    width: 30%;
  }
  .experienceV7V1 dt:nth-last-child(2) {
    border-bottom: 0;
  }
  .experienceV7V1 dd {
    width: 70%;
  }
  .experienceV7V1 textarea {
    width: 400px;
    height: 150px;
  }
  .experienceV7V1 > p {
    font-size: 20px;
  }
  .experienceV7V1 input[type="submit"], .experienceV7V1 input[type="button"] {
    cursor: pointer;
  }

  .experienceV7V1V1 label {
    display: inline-block;
  }

  .short {
    width: 250px;
  }

  .long {
    width: 400px;
  }

  .overviewV2 {
    margin-left: auto;
    margin-right: auto;
    width: 700px;
  }

  .overviewV2V1 dl {
    -webkit-display: flex;
    -ms-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .overviewV2V1 dt {
    width: 30%;
    border-right: 1px solid #ccc;
  }
  .overviewV2V1 dt:nth-last-child(2) {
    border-bottom: 0;
  }
  .overviewV2V1 dd {
    width: 70%;
  }

  .overviewV2V2 ul {
    -webkit-display: flex;
    -ms-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
  }
  .overviewV2V2 li {
    width: 32%;
  }

  .linkV2 {
    margin: 30px auto 30px;
    width: 900px;
  }
  .linkV2 input, .linkV2 textarea {
    width: 600px;
  }
  .linkV2 textarea {
    height: 130px;
  }

  .contact-link {
    font-size: 0;
    text-align: center;
  }
  .contact-link p {
    font-size: 18px;
    width: 325px;
    display: inline-block;
  }
  .contact-link p:first-child {
    margin-right: 50px;
  }

  .events .experienceV7 > p {
    width: 700px;
  }

  .instructorV2 {
    margin: 30px auto 50px;
    width: 1000px;
  }

  .instructorV2V2 h4 {
    font-size: 66px;
  }
  .instructorV2V2 > p {
    font-size: 18px;
  }
  .instructorV2V2 li {
    font-size: 36px;
    width: 300px;
  }
  .instructorV2V2 li img {
    max-width: 100%;
  }
  .instructorV2V2 li:not(:last-child) {
    margin-right: 40px;
  }
  .instructorV2V2 .inst-member li:not(:last-child) {
    margin-right: 0;
  }

  .instructorV3 {
    padding: 60px 0 50px;
  }

  .instructorV3V1 {
    -webkit-display: flex;
    -ms-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    margin: 0 auto;
    width: 1000px;
    margin-bottom: 30px;
  }

  .instructorV3V1H1 {
    width: 400px;
  }

  .instructorV3V1H2 {
    width: 500px;
  }
  .instructorV3V1H2 h4 {
    font-size: 25px;
  }
  .instructorV3V1H2 strong {
    font-size: 66px;
  }
  .instructorV3V1H2 p {
    font-size: 19px;
  }

  .instructorV4 {
    padding-top: 0;
  }
  .instructorV4 .instructorV3V1H2 strong {
    font-size: 60px;
  }
  .instructorV4 .instructorV3V1H2 dt {
    width: 100px;
  }
  .instructorV4 .instructorV3V1H2 p {
    font-size: 16px;
  }

  .inst-member strong {
    font-size: 36px;
  }

  .yogaV1V1 {
    -webkit-display: flex;
    -ms-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-justify-content: space-around;
    -moz-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
  }

  .yogaV1V1H1 {
    width: 400px;
  }
  .yogaV1V1H1 img {
    max-width: 100%;
  }
  .yogaV1V1H1 p {
    font-size: 40px;
  }

  .yogaV1V1H2 {
    width: 540px;
  }
  .yogaV1V1H2 p {
    font-size: 18px;
    text-align: justify;
  }

  .yogaV1V1H2V1 {
    padding: 10px 20px 0;
  }
  .yogaV1V1H2V1 h4 {
    font-size: 31px;
  }
  .yogaV1V1H2V1 strong {
    font-size: 24px;
  }
}
@media screen and (max-width: 768px) {
  .d-none-pc {
    display: none;
  }

  #main img:first-child {
    height: 500px;
  }
  #main img:nth-child(2) {
    width: 60%;
  }
  #main .slick-initialized .slick-slide {
    -webkit-display: flex;
    -ms-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
  }

  .about img {
    max-width: 100%;
  }

  .aboutV2 div {
    padding: 0 10px;
  }

  .aboutV3V1 div {
    padding: 20px 10px;
  }

  .aboutV4V1 div {
    padding: 20px 10px;
  }

  .schedule img {
    max-width: 100%;
  }

  .scheduleV2 {
    margin-bottom: 40px;
  }

  .scheduleV2V1 {
    padding: 0 10px;
  }

  .introduction img {
    max-width: 100%;
  }

  .lesson {
    margin-bottom: 30px;
    padding: 0 10px;
  }
  .lesson dt {
    font-size: 18px;
  }
  .lesson dd {
    padding: 10px 0;
    font-size: 16px;
  }
  .lesson dd:not(:last-child) {
    border-bottom: 1px solid #000;
  }

  .introductionV2 {
    margin-bottom: 30px;
    padding: 0 10px;
  }
  .introductionV2 dt {
    font-size: 18px;
  }
  .introductionV2 dd {
    padding: 10px 0;
    font-size: 16px;
  }
  .introductionV2 dd:not(:last-child) {
    border-bottom: 1px solid #000;
  }

  .introductionV3V1 dt, .introductionV5V1 dt, .introductionV7V1 dt, .introductionV9V1 dt, .introductionV11V1 dt, .introductionV4V1V1 dt, .introductionV6V1V1 dt, .introductionV8V1V1 dt, .introductionV10V1V1 dt {
    width: 110px;
  }

  .introductionV3V1, .introductionV7V1, .introductionV11V1 {
    margin-bottom: 20px;
    padding: 0 10px;
  }
  .introductionV3V1 > p, .introductionV7V1 > p, .introductionV11V1 > p {
    margin-bottom: 10px;
  }
  .introductionV3V1 div, .introductionV7V1 div, .introductionV11V1 div {
    margin-bottom: 20px;
    font-size: 15px;
  }

  .introductionV4, .introductionV6, .introductionV8, .introductionV10 {
    margin-bottom: 30px;
  }

  .introductionV4V1V1, .introductionV8V1V1 {
    padding: 30px 10px 0;
  }
  .introductionV4V1V1 > p, .introductionV8V1V1 > p {
    margin-bottom: 10px;
  }
  .introductionV4V1V1 div, .introductionV8V1V1 div {
    margin-bottom: 20px;
    font-size: 15px;
  }

  .introductionV5V1, .introductionV9V1 {
    padding: 0 10px;
  }
  .introductionV5V1 > p, .introductionV9V1 > p {
    margin-bottom: 10px;
  }
  .introductionV5V1 div, .introductionV9V1 div {
    margin-bottom: 20px;
    font-size: 15px;
  }

  .introductionV6V1, .introductionV10V1 {
    padding: 30px 0 0;
  }

  .introductionV6V1V1, .introductionV10V1V1 {
    margin-bottom: 20px;
    padding: 0 10px;
  }
  .introductionV6V1V1 > p, .introductionV10V1V1 > p {
    margin-bottom: 10px;
  }
  .introductionV6V1V1 div, .introductionV10V1V1 div {
    margin-bottom: 20px;
    font-size: 15px;
  }

  .policyV2 {
    padding: 30px 10px;
  }
  .policyV2 h3 img {
    max-width: 100%;
  }
  .policyV2 h4 img {
    max-width: 70%;
  }
  .policyV2 p {
    margin-bottom: 20px;
    text-align: justify;
  }
  .policyV2 ol {
    margin-left: 25px;
  }

  .experience img {
    max-width: 100%;
  }

  .experienceV2 {
    margin: 0 10px 20px;
  }
  .experienceV2 strong {
    margin: 10px;
    display: block;
  }

  .experienceV2V1 {
    display: table;
  }
  .experienceV2V1 li {
    display: table-cell;
  }

  .experienceV4V1 {
    margin: 30px 10px;
  }

  .experienceV5 {
    padding: 30px 10px;
  }

  .experienceV5V1 div {
    padding-bottom: 5px;
  }

  .experienceV6 {
    padding: 30px 10px;
  }

  .experienceV7 {
    margin: 30px 10px;
  }
  .experienceV7 textarea {
    width: 90%;
    height: 100px;
  }

  .experienceV7V1 {
    margin-bottom: 20px;
  }

  .experienceV7V1V1 label {
    display: block;
  }
  .experienceV7V1V1 label:not(:last-child) {
    margin-bottom: 5px;
  }

  .overviewV2 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .overviewV2V1 img {
    max-width: 100%;
  }

  .overviewV2V2 li {
    text-align: center;
  }
  .overviewV2V2 li:not(:last-child) {
    margin-bottom: 20px;
  }
  .overviewV2V2 img {
    max-width: 80%;
  }

  .linkV2 {
    margin: 30px 10px;
  }
  .linkV2 input, .linkV2 textarea {
    width: 100%;
  }
  .linkV2 textarea {
    height: 210px;
  }

  .short {
    width: 50%;
  }

  .long {
    width: 90%;
  }

  .contact-link p {
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    width: 70%;
  }
  .contact-link p:first-child {
    margin-bottom: 10px;
  }

  .instructorV2 {
    margin: 30px 10px;
  }

  .instructorV2V1 {
    margin-bottom: 20px;
  }
  .instructorV2V1 img {
    max-width: 100%;
  }

  .instructorV2V2 h4 {
    font-size: 13vw;
  }
  .instructorV2V2 > p {
    font-size: 16px;
  }
  .instructorV2V2 ul {
    font-size: 0;
  }
  .instructorV2V2 li {
    width: 46%;
    font-size: 4vw;
    display: inline-block;
  }
  .instructorV2V2 li img {
    max-width: 100%;
  }
  .instructorV2V2 li:not(:last-child) {
    margin-right: 8%;
  }
  .instructorV2V2 .inst-member li {
    font-size: 3.8vw;
    margin-bottom: 10px;
  }
  .instructorV2V2 .inst-member li:not(:last-child) {
    margin-right: 0;
  }

  .instructorV3 {
    padding: 30px 10px;
  }

  .instructorV3V1:not(:last-of-type) {
    margin-bottom: 50px;
  }

  .instructorV3V1H1 {
    margin: 0 auto 20px;
    width: 60%;
  }

  .instructorV3V1H2 h4 {
    font-size: 20px;
  }
  .instructorV3V1H2 strong {
    font-size: 13vw;
  }

  .instructorV4 {
    padding-top: 0;
  }
  .instructorV4 .instructorV3V1H2 dt {
    width: 70px;
  }

  .yogaV1V1H1 {
    margin: 0 auto 20px;
    width: 60%;
  }
  .yogaV1V1H1 img {
    max-width: 100%;
  }
  .yogaV1V1H1 p {
    font-size: 20px;
  }

  .yogaV1V1H2V1 {
    padding: 5px 10px 0;
  }
  .yogaV1V1H2V1 h4 {
    font-size: 24px;
  }
  .yogaV1V1H2V1 strong {
    font-size: 18px;
    word-wrap: break-word;
  }
}
/*　フッター
***************************************************************************/
footer {
  color: #fff;
  background: url(../images/fot-back.jpg) no-repeat center;
  background-size: cover;
}
footer a {
  color: #fff;
}

.fot-boxV1 {
  margin-bottom: 10px;
}
.fot-boxV1 ul {
  margin-bottom: 15px;
  font-size: 0;
  text-align: center;
}
.fot-boxV1 ul p {
  font-size: 12px;
}
.fot-boxV1 li {
  padding: 0 15px;
  display: inline-block;
  border-right: 1px solid #fff;
}
.fot-boxV1 li:first-child {
  padding-left: 0;
}
.fot-boxV1 li:last-child {
  padding-right: 0;
  border-right: 0;
}
.fot-boxV1 div {
  margin-bottom: 10px;
  text-align: center;
}
.fot-boxV1 div a {
  width: 40px;
  display: inline-block;
}
.fot-boxV1 div a:first-child {
  margin-right: 40px;
}
.fot-boxV1 div img {
  width: 100%;
}

.fot-boxV2 p {
  margin-bottom: 10px;
}

.fot-logo {
  margin: auto;
  padding: 5px;
  background: #fff;
  display: table;
}
.fot-logo img {
  display: block;
}

@media screen and (min-width: 769px) {
  .fot-box {
    margin: 0 auto;
    padding: 40px 0 20px;
    width: 950px;
  }

  .fot-boxV1 {
    padding: 0 100px;
    border-bottom: 1px solid #fff;
  }
  .fot-boxV1 > p {
    margin-bottom: 10px;
    font-size: 11px;
  }
  .fot-boxV1 li {
    padding: 0 15px;
  }
  .fot-boxV1 li:first-child {
    padding-left: 0;
  }
  .fot-boxV1 li:last-child {
    padding-right: 0;
  }

  .fot-boxV2 {
    text-align: center;
  }
  .fot-boxV2 img {
    width: 266px;
  }
}
@media screen and (max-width: 768px) {
  footer {
    padding: 20px 10px;
  }

  .fot-boxV2 img {
    margin: auto;
    max-width: 210px;
    width: auto;
    display: block;
  }
}
.gc_wrapper {
  max-width: 900px;
  min-width: 300px;
  margin: 2.0833% auto;
}

.responsive-iframe-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.responsive-iframe-container iframe,
.responsive-iframe-container object,
.responsive-iframe-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 768px) {
  .big-container {
    display: none;
  }

  .small-container {
    padding-bottom: 200%;
  }

  .introductionV3V1 h3 img {
    max-height: 60px;
    width: auto;
  }
}
@media (min-width: 769px) {
  .small-container {
    display: none;
  }
}
#err {
  margin: 20px;
  font-size: 20px;
}

@media (max-width: 480px) {
  #instafeed a {
    width: 49%;
  }
  #instafeed a:nth-child(5n) {
    margin: 0 1% 10px 0;
  }
  #instafeed a:nth-child(2n) {
    margin-right: 0;
  }
}
#head li {
  position: relative;
}

nav ul li div.popup {
  position: absolute;
  top: 40px;
  left: -2em;
  text-align: center;
  line-height: 1.4;
  background: #fffddf;
  padding: .5em 0;
  border: 3px solid #f15a22;
  border-radius: 5px;
  width: 14em;
}
nav ul li div.popup a {
  color: #004ea2;
  text-decoration: none;
}

.popup:after, .popup:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.popup:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fffddf;
  border-width: 10px;
  margin-left: -10px;
}
.popup:before {
  border-color: rgba(241, 90, 34, 0);
  border-bottom-color: #f15a22;
  border-width: 14px;
  margin-left: -14px;
}

@media (max-width: 768px) {
  nav ul li div.popup {
    position: relative;
    top: 0;
    left: 5%;
    width: 90%;
    margin-bottom: 10px;
  }
}
.pc-none {
  display: none !important;
}

.sp-none {
  display: block !important;
}

.inner {
  width: 100vw;
  min-width: 740px;
  max-width: 1000px;
  margin: 0 auto;
}

#main.relative {
  position: relative;
}
#main.relative .banner {
  display: block;
  -webkit-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-animation: bounce 3s infinite linear alternate;
  -ms-animation: bounce 3s infinite linear alternate;
  -moz-animation: bounce 3s infinite linear alternate;
  -o-animation: bounce 3s infinite linear alternate;
  animation: bounce 3s infinite linear alternate;
  -webkit-animation-delay: 2s;
  -ms-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -o-animation-delay: 2s;
  animation-delay: 2s;
  position: absolute;
  top: 20px;
  left: 20px;
}
#main.relative .banner img {
  filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.3));
}

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(-3px);
  }
  5% {
    -webkit-transform: translateY(3px);
  }
  10% {
    -webkit-transform: translateY(-3px);
  }
  20% {
    -webkit-transform: translateY(3px);
  }
  25% {
    -webkit-transform: translateY(-3px);
  }
  30% {
    -webkit-transform: translateY(3px);
  }
  50% {
    -webkit-transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@keyframes bounce {
  0% {
    transform: translateY(-3px);
  }
  5% {
    transform: translateY(3px);
  }
  10% {
    transform: translateY(-3px);
  }
  20% {
    transform: translateY(3px);
  }
  25% {
    transform: translateY(-3px);
  }
  30% {
    transform: translateY(3px);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
.campaign {
  background-color: #e9f4f0;
}
.campaign .title-box {
  height: 759px;
  box-sizing: border-box;
  padding-top: 70px;
  background: url(../images/campaign/bg.jpg) top center/1000px no-repeat;
}
.campaign .title {
  display: block;
}
.campaign .title img:first-of-type {
  display: block;
  margin: 0 auto;
}
.campaign .title .sub {
  display: block;
  margin: 73px 33px 0 auto;
}
.campaign .dialogue-box {
  padding-right: 45px;
  box-sizing: border-box;
  background-color: #efeec2;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.campaign .dialogue-box .img {
  margin-top: -50px;
  -webkit-flex: none;
  -ms-flex: none;
  -moz-flex: none;
  -o-flex: none;
  flex: none;
}
.campaign .dialogue-desc {
  margin-top: -50px;
  text-align: right;
  -webkit-flex: 1 1 0%;
  -ms-flex: 1 1 0%;
  -moz-flex: 1 1 0%;
  -o-flex: 1 1 0%;
  flex: 1 1 0%;
}
.campaign .dialogue-desc ul {
  margin-bottom: 15px;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.campaign .campaign-text {
  padding-top: 30px;
  padding-bottom: 40px;
  background-color: #efeec2;
  text-align: center;
  font-family: 'M PLUS 1p', sans-serif;
  font-weight: 700;
}
.campaign .campaign-text h2 {
  margin-bottom: 20px;
  display: inline-block;
  padding: 0 .5em;
  background-color: #c4000a;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #efeec2;
  font-weight: 800;
  font-size: 40px;
  line-height: 1.5;
  vertical-align: baseline;
}
.campaign .campaign-text h2 .date {
  font-size: 1.1em;
  vertical-align: baseline;
}
.campaign .campaign-text h2 .small {
  margin: 0 3px;
  font-size: .65em;
  vertical-align: baseline;
}
.campaign .campaign-text h2 .day {
  margin: 0 3px;
  display: inline-block;
  padding: 1px 7px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  vertical-align: middle;
  background-color: #efeec2;
  color: #c4000a;
  font-size: .6em;
}
.campaign .campaign-text > p {
  font-size: 28px;
  line-height: 1.4;
}
.campaign .campaign-text ul {
  margin-top: 35px;
  margin-bottom: 40px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}
.campaign .campaign-text ul li {
  margin: 0 15px;
  display: block;
  width: 250px;
  height: 250px;
  padding: 15px;
  box-sizing: border-box;
  border: 4px solid #3a3a39;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.campaign .campaign-text ul li p {
  padding: 5px 0;
  width: 100%;
  font-size: 24px;
  line-height: 1.4;
}
.campaign .campaign-text ul li p:nth-of-type(2) {
  border-top: 5px dotted #3a3a39;
  border-bottom: 5px dotted #3a3a39;
}
.campaign .campaign-text ul li p .age {
  font-size: 20px;
}
.campaign .campaign-text h4 {
  font-size: 28px;
}

@media (max-width: 768px) {
  .pc-none {
    display: block !important;
  }

  .sp-none {
    display: none !important;
  }

  .inner {
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  #main.relative .banner {
    width: 30%;
  }
  #main.relative .banner img {
    max-width: 100%;
    height: auto;
  }

  .campaign .title-box {
    height: 100vw;
    background: url(../images/campaign/bg-sp.jpg) top center/100% no-repeat;
  }
  .campaign .title img {
    margin: 0 auto;
    max-width: 90%;
  }
  .campaign .dialogue-box {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    padding-right: 10px;
  }
  .campaign .dialogue-desc {
    margin-top: 0;
  }
  .campaign .dialogue-desc ul {
    -webkit-justify-content: center;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .campaign .dialogue-desc li {
    margin: 0 10px;
  }
  .campaign .dialogue-desc > img {
    margin: 0 auto;
  }
}
@media (max-width: 480px) {
  .campaign .title-box {
    padding-top: 40px;
    height: 500px;
    background-size: cover;
  }
  .campaign .title .sub {
    margin-top: 20px;
    margin-right: 10px;
    width: 60%;
  }
  .campaign .dialogue-desc li {
    width: 40%;
  }
  .campaign .dialogue-desc li img {
    max-width: 100%;
  }
  .campaign .dialogue-desc > img {
    width: 80%;
  }
  .campaign .campaign-text h2 {
    font-size: 28px;
  }
  .campaign .campaign-text > p {
    font-size: 18px;
  }
  .campaign .campaign-text ul {
    margin-top: 20px;
    -webkit-align-items: center;
    -ms-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .campaign .campaign-text ul li {
    margin: 5px 0;
  }
}
.caution {
  color: #f00;
}

.inst-member p {
  font-size: 28px;
}

#main.relative .top-popup {
  display: block;
  background-color: #fdeff5;
  border-radius: 3px;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
  color: #3a3a39;
  font-size: 1.2rem;
  width: 28%;
  max-width: 370px;
  box-sizing: border-box;
  padding: 40px 20px;
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 10;
}
#main.relative .top-popup p {
  text-align: justify;
}
#main.relative .top-popup .sign {
  margin-top: 20px;
  text-align: right;
}

@media (max-width: 768px) {
  #main.relative .top-popup {
    width: 38%;
  }
  #main.relative .top-popup p {
    text-align: left;
  }
}
@media (max-width: 480px) {
  #main.relative .top-popup {
    padding: 20px;
    position: relative;
    width: 90%;
    margin: 0 auto;
    top: 0;
    left: 0;
    font-size: 1rem;
  }
}