/* mizu_kagi.html */
.support-01{
margin:0 0 20px 20px;
position: relative;
}
.support-01:after{
clear: both;
display: block;
content: '';
}
.support-01 .detail-text-01{
margin: 10px 0;
}
.support-01 dl{
width: 414px;
float: left;
}
.support-01 dl:after{
content: url(https://d18f657670wm8u.cloudfront.net/eraberu/ins_detail/images/mizu_bg-box-01.png?20150924);
display: block;
width: 414px;
}
.support-01 dt{
margin-bottom: -4px;
padding-bottom: 0;
}
.support-01 dd{
background-color: #ecf6ff;
border-left: #65a6dc solid 4px;
border-right: #65a6dc solid 4px;
padding: 0 0 10px 25px;
}
.support-01 dd:before{
content: url(https://d18f657670wm8u.cloudfront.net/eraberu/ins_detail/images/list-bullet-01.png?20150924);
margin-right: 10px;
}
.support-01 .notice:before{
content: '※';
margin-right: 2px;
font-size: 14px;
}
.support-01 dd .text-etc{
display: block;
text-align: right;
padding-right: 20px;
}
.support-01 .detail-image-01{
position: absolute;
bottom: 0;
right: 0;
}
.service-notice{
margin: 20px 0;
}
.service-notice:after{
clear: both;
display: block;
content: '';
}
.service-notice h4{
margin-bottom: 15px;
}
.service-notice li{
margin:0 0 5px 10px;
padding-left: 15px;
position: relative;
}
.service-notice li:before{
content: url(https://d18f657670wm8u.cloudfront.net/eraberu/ins_detail/images/list-bullet-01.png?20150924);
position: absolute;
top: 5px;
left: 0;
}

body.rwd a[href^="tel"] {
pointer-events: none;
}

@media only screen and (max-width: 768px) {
body.rwd a[href^="tel"] {
pointer-events: auto;
}
}

/* ============================================================================
 * cm/index専用ユニークモジュール
 * ========================================================================= */
.p-box-video[data-col-wide="2"] .p-box-video__box {
  width: 100%;
}

@media screen and (min-width: 769px) {
  .p-box-video[data-col-wide="2"] .p-box-video__box {
    width: 50%;
  }
}

.p-box-video__inner {
  margin-top: -20px;
}

@media screen and (min-width: 769px) {
  .p-box-video__inner {
    display: flex;
    flex-wrap: wrap;
    margin: -20px 0 0 -20px;
  }
}

.p-box-video__box {
  padding-top: 20px;
}

@media screen and (min-width: 769px) {
  .p-box-video__box {
    display: flex;
    padding: 20px 0 0 20px;
  }
}

.p-box-video__link {
  width: 100%;
  padding: 24px 16px;
  border-radius: 12px;
  background: #EEF5FA;
}

@media screen and (min-width: 769px) {
  .p-box-video__link {
    padding: 30px;
    border-radius: 16px;
  }
}

.p-box-video__hdg {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

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

.p-box-video__visual {
  margin-top: 16px;
  border-radius: 4px;
}

@media screen and (min-width: 769px) {
  .p-box-video__visual {
    margin-top: 30px;
  }
}

.p-box-video__btn {
  margin-top: 16px;
  text-align: center;
}

@media screen and (min-width: 769px) {
  .p-box-video__btn {
    margin-top: 30px;
  }
}

.p-box-video__btnLink {
  display: inline-block;
  width: 100%;
  max-width: 346px;
  padding: 11px 10px 10px;
  color: inherit;
  text-decoration: none;
  background: #FFF;
  border: 2px solid #C4C4C4;
  border-radius: 60px;
}

@media screen and (min-width: 769px) {
  .p-box-video__btnLink {
    padding: 14px 10px;
    transition: 0.2s opacity ease-out;
  }

  .p-box-video__btnLink[href]:hover,
  .p-box-video__btnLink[href]:focus,
  .p-box-video__btnLink:not(:disabled):hover,
  .p-box-video__btnLink:not(:disabled):focus {
    opacity: 0.5;
  }
}

.p-box-video__btnTxt {
  position: relative;
  display: inline-block;
  padding-right: 34px;
  padding-left: 34px;
  font-size: 16px;
  font-weight: bold;
}

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

.p-box-video__btnTxt::before {
  position: absolute;
  top: -1px;
  left: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  content: "";
  background: url("https://d18f657670wm8u.cloudfront.net/eraberu/ins_detail/image/icn/video.svg?20261001") no-repeat 0 0 / cover;
}

@media screen and (min-width: 769px) {
  .p-box-video__btnTxt::before {
    top: 1px;
  }
}

.p-box-video__inner.u-unq-inner {
  display: block;
}

.p-box-video__box.u-unq-box {
  max-width: 100%;
}

.p-box-video__link.u-unq-link {
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 769px) {
  .p-box-video__link.u-unq-link {
    flex-direction: initial;
    gap: 40px;
    align-items: center;
    padding-left: 40px;
  }
}

.p-box-video__visual.u-unq-visual {
  margin-top: 0;
}

.p-box-video__content {
  padding-top: 20px;
}

@media screen and (min-width: 769px) {
  .p-box-video__content {
    max-width: 55%;
    padding-right: 0;
    padding-bottom: 20px;
    padding-left: 20px;
  }
}

.p-box-video__txt {
  font-size: 15.5px;
}

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

.p-box-video__btnTxt::before {
  background: url("https://d18f657670wm8u.cloudfront.net/eraberu/ins_detail/cm/images/video.svg?20260930");
}

.p-media.u-unq-media {
  margin: 60px 0;
}

.p-unq-section {
  padding-right: calc(50vw - 50%);
  padding-left: calc(50vw - 50%);
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  background: #F5F5F5;
}

/* ----------------------------------------------------------------------------
 * .p-media 単一メディアレイアウト
 * ------------------------------------------------------------------------- */
.p-media {
  margin: 40px 0;
  text-align: center;
}

.p-media.of-scroll::before {
  display: block;
  width: 257px;
  height: 54px;
  margin: 0 0 10px;
  content: "";
  background: url("https://d18f657670wm8u.cloudfront.net/otona/asset/image/module/project/tbl-balloon.png?20210517") 0 0 / cover no-repeat;
}

.p-media.of-scroll .p-media__item {
  width: auto;
  max-width: none;
}

.p-media.of-scroll .p-media__caption {
  text-align: left;
}

.p-media.of-scroll .p-media__inner {
  align-items: flex-start;
  overflow: auto;
}

.p-media.of-scroll .p-media__item .c-media,
.p-media.of-scroll .p-media__item .c-media__img {
  width: auto;
  max-width: none;
  margin-right: auto;
  margin-left: 0;
}

/* %p-media__caption の展開 */
.p-media__caption {
  margin-top: 5px;
  font-size: 12px;
  color: #666;
}

/* %p-media__item の展開 */
.p-media__item {
  display: inline-block;
  max-width: 100%;
}

/* %p-media__link の展開 */
.p-media__link {
  display: inline-block;
}

/* %p-media__media の展開 */
.p-media__media {
  position: relative;
}

.p-media__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.p-media .c-media-video {
  width: calc(100vw - 40px);
  max-width: 640px;
}

.p-media.u-align-right .p-media__inner {
  text-align: left;
}

.p-media.u-align-left,
.p-media.u-align-right {
  display: flex;
}

.p-media.u-align-left {
  justify-content: flex-start;
}

.p-media.u-align-right {
  justify-content: flex-end;
}

/* ----------------------------------------------------------------------------
 * PC（769px〜）のレスポンシブスタイル
 * ------------------------------------------------------------------------- */
@media screen and (min-width: 769px) {
  .p-media.of-scroll {
    overflow: visible;
  }

  .p-media.of-scroll::before {
    display: none;
  }

  .p-media.of-scroll .p-media__item {
    width: 100%;
  }

  .p-media.of-scroll .p-media__caption {
    text-align: right;
  }

  .p-media.of-scroll .p-media__caption.var-02 {
    font-size: 18px;
    text-align: left;
  }

  .p-media.of-scroll .p-media__item .c-media,
  .p-media.of-scroll .p-media__item .c-media__img {
    max-width: 100%;
    margin: 0 auto;
  }

  .p-media.u-align-left--wide .p-media__inner,
  .p-media.u-align-center--wide .p-media__inner,
  .p-media.u-align-right--wide .p-media__inner {
    text-align: left;
  }

  .p-media.u-align-left--wide,
  .p-media.u-align-right--wide {
    display: flex;
  }

  .p-media.u-align-left--wide {
    justify-content: flex-start;
  }

  .p-media.u-align-center--wide {
    display: block;
  }

  .p-media.u-align-right--wide {
    justify-content: flex-end;
  }
}

/* ----------------------------------------------------------------------------
 * .p-media-lyt メディアレイアウト
 * ------------------------------------------------------------------------- */
.p-media-lyt {
  margin: 28px 0 24px;
}

@media screen and (min-width: 769px) {
  .p-media-lyt {
    margin: 40px 0;
  }
}

.p-media-lyt__inner {
  display: flex;
  flex-direction: column-reverse;
  margin: -20px 0 0 -20px;
}

@media screen and (min-width: 769px) {
  .p-media-lyt__inner,
  .p-media-lyt.of-reverse .p-media-lyt__inner,
  .p-media-lyt.of-reverse.of-noBreak .p-media-lyt__inner {
    flex-direction: row-reverse;
  }

  .p-media-lyt.of-reverse--wide .p-media-lyt__inner,
  .p-media-lyt.of-reverse.of-reverse--wide .p-media-lyt__inner,
  .p-media-lyt.of-reverse.of-noBreak.of-reverse--wide .p-media-lyt__inner {
    flex-direction: row;
  }
}

.p-media-lyt__content,
.p-media-lyt__visual {
  min-height: calc(0%); /* for IE */
  padding: 20px 0 0 20px;
}

.p-media-lyt__content {
  flex-grow: 1;
  width: 100%;
}

/* %margin-reset の展開 */
.p-media-lyt__content > :first-child {
  margin-top: 0;
}
.p-media-lyt__content > :last-child {
  margin-bottom: 0;
}

/* %p-media__caption の展開例 */
.p-media-lyt__caption {
  margin-top: 5px;
  font-size: 12px;
  color: #666;
}

.p-media-lyt__visual .p-media-lyt__content {
  padding: 0;
  margin-top: 20px;
}

@media screen and (min-width: 769px) {
  .p-media-lyt__visual {
    margin-top: 2px; /* 横並びの時画像を若干下げる */
  }

  .p-media-lyt__visual .c-media__img {
    max-width: 50vw;
  }

  .p-media-lyt__visual .c-media__img[src*=".svg"] {
    width: 100%;
  }

  .p-media-lyt__visual.u-w-20--wide .c-media__img,
  .p-media-lyt__visual.u-w-30--wide .c-media__img,
  .p-media-lyt__visual.u-w-40--wide .c-media__img,
  .p-media-lyt__visual.u-w-50--wide .c-media__img,
  .p-media-lyt__visual.u-w-60--wide .c-media__img,
  .p-media-lyt__visual.u-w-70--wide .c-media__img,
  .p-media-lyt__visual.u-w-80--wide .c-media__img {
    max-width: 100%;
  }

  /* @for ループによる幅クラスの展開 */
  .p-media-lyt__visual.u-w-20--wide {
    min-width: 20%;
    max-width: 20%;
  }
  .p-media-lyt__visual.u-w-30--wide {
    min-width: 30%;
    max-width: 30%;
  }
  .p-media-lyt__visual.u-w-40--wide {
    min-width: 40%;
    max-width: 40%;
  }
  .p-media-lyt__visual.u-w-50--wide {
    min-width: 50%;
    max-width: 50%;
  }
  .p-media-lyt__visual.u-w-60--wide {
    min-width: 60%;
    max-width: 60%;
  }
  .p-media-lyt__visual.u-w-70--wide {
    min-width: 70%;
    max-width: 70%;
  }
  .p-media-lyt__visual.u-w-80--wide {
    min-width: 80%;
    max-width: 80%;
  }
}

@media screen and (min-width: 769px) {
  .p-media-lyt.u-align-middle--wide .p-media-lyt {
    vertical-align: inherit;
  }
  .p-media-lyt.u-align-middle--wide .p-media-lyt__inner {
    align-items: center;
  }

  .p-media-lyt.u-align-bottom--wide .p-media-lyt {
    vertical-align: inherit;
  }
  .p-media-lyt.u-align-bottom--wide .p-media-lyt__inner {
    align-items: flex-end;
  }
}

.p-media-lyt.of-reverse > .p-media-lyt__inner {
  flex-direction: column;
}

.p-media-lyt.of-noBreak > .p-media-lyt__inner {
  flex-direction: row-reverse;
}

.p-media-lyt.of-reverse.of-noBreak > .p-media-lyt__inner {
  flex-direction: row;
}

.p-media-lyt {
  padding: 60px 0;
}

@media screen and (min-width: 769px) {
  .p-media-lyt {
    padding: 80px 0;
  }
}

.p-media-lyt__inner {
  margin: 0;
}

.p-media-lyt__inner.u-unq-inner {
  padding: 30px 25px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 10px 30px #00000014;
}

@media screen and (min-width: 769px) {
  .p-media-lyt__inner.u-unq-inner {
    padding: 60px;
  }
}

.p-media-lyt__inner + .p-media-lyt__inner.u-unq-inner {
  margin-top: 32px;
}

.p-media-lyt__visual {
  max-width: 120px;
  padding-top: 0;
  padding-left: 0;
  margin: 0 auto;
}

@media screen and (min-width: 769px) {
  .p-media-lyt__visual {
    max-width: 280px;
  }
}

.p-media-lyt__content {
  padding-top: 12px;
  padding-left: 0;
}

@media screen and (min-width: 769px) {
  .p-media-lyt__content {
    padding-top: 0;
    padding-left: 30px;
  }
}

.p-media-lyt__content .p-hdg-l4 {
  margin-bottom: 0;
}

.p-media-lyt__content .p-txt.u-unq-txt {
  font-size: 12px;
  color: #5F5F5F;
}

@media screen and (min-width: 769px) {
  .p-media-lyt__content .p-txt.u-unq-txt {
    font-size: 14px;
  }
}

.p-media-lyt__content .p-txt.u-unq-txt .c-txt {
  margin-top: 15px;
  text-align: justify;
}

.p-media-lyt__hdg {
  position: relative;
  padding-left: 10px;
}

@media screen and (min-width: 769px) {
  .p-media-lyt__hdg {
    padding-left: 25px;
  }
}

.p-media-lyt__hdg .u-unq-furigana {
  font-size: 12px;
  line-height: 1.6;
}

@media screen and (min-width: 769px) {
  .p-media-lyt__hdg .u-unq-furigana {
    font-size: 16px;
  }
}

.p-media-lyt__hdg .u-unq-hdg {
  margin-top: 0;
  font-size: 24px;
  line-height: 1.6;
}

@media screen and (min-width: 769px) {
  .p-media-lyt__hdg .u-unq-hdg {
    font-size: 38px;
  }
}

.p-media-lyt__hdg .u-unq-hdg .u-unq-san {
  padding-left: 10px;
  font-size: 17px;
}

@media screen and (min-width: 769px) {
  .p-media-lyt__hdg .u-unq-hdg .u-unq-san {
    font-size: 24px;
  }
}

.p-media-lyt__hdg::before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 5px;
  height: 46px;
  content: "";
  background: #4BACE8;
  border-radius: 100px;
  transform: translateY(-50%);
}

@media screen and (min-width: 769px) {
  .p-media-lyt__hdg::before {
    width: 8px;
    height: 60px;
  }
}

.p-media-lyt .p-unq__content {
  margin-top: 0;
  margin-bottom: 30px;
  border-bottom: 4px solid #4BACE8;
}

@media screen and (min-width: 769px) {
  .p-media-lyt .p-unq__content {
    margin-bottom: 60px;
  }
}

.p-media-lyt__media .c-txt.u-unq-name {
  font-size: 8px;
  color: #AFAFAF;
}

@media screen and (min-width: 769px) {
  .p-media-lyt__media .c-txt.u-unq-name {
    padding-left: 5px;
    font-size: 10px;
  }
}

.p-hdg-l4__inner .p-hdg-l4__main.u-unq-hdg:first-child:last-child {
  padding: 0;
}

.p-hdg-l4__inner .p-hdg-l4__main.u-unq-hdg:first-child:last-child::before {
  content: none;
  background: none;
}

.p-unq__profile {
  font-size: 22px;
}

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

.c-media.p-unq-media img {
  width: 120px;
  height: 180px;
}

@media screen and (min-width: 769px) {
  .c-media.p-unq-media img {
    width: 280px;
    height: 420px;
  }
}

.c-media-video {
  margin: 0 auto;
}

.c-media-video__inner {
  position: relative;
  padding: 0;
  margin: 0 auto;
}

.c-media-video__inner::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  content: "読み込み中...";
}

.c-media-video__inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100% !important;
  height: 100% !important;
  border: 0;
}

/* 親要素の data-aspect パラメータによる高さ割り当て */
[data-aspect="16:9"] .c-media-video__inner {
  padding-top: 56.25%;
}

[data-aspect="9:16"] .c-media-video__inner {
  padding-top: 177.77778%;
}

[data-aspect="4:3"] .c-media-video__inner {
  padding-top: 75%;
}

[data-aspect="3:4"] .c-media-video__inner {
  padding-top: 133.33333%;
}

[data-aspect="1:1"] .c-media-video__inner {
  padding-top: 100%;
}

/* ============================================================================
 * _widget JavaScriptウィジェット
 * ========================================================================= */
/* ----------------------------------------------------------------------------
 * .p-dialog モーダルコンテンツ
 * ------------------------------------------------------------------------- */
.p-dialog {
  margin: 30px 0;
}

html[data-script-enabled="true"] .p-dialog {
  display: none;
}

/* ============================================================================
 * .func-dialog モーダルダイアログ
 * ========================================================================= */
.func-dialog {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10001;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 60px 10px 20px;
  background: rgba(0, 0, 0, 0.6);
  border: 0;

  /* アニメーション関連の指定 */
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
}

@media screen and (min-width: 769px) {
  .func-dialog {
    padding-bottom: 50px;
  }
}

@media screen and (orientation: portrait) {
  .func-dialog {
    padding-bottom: 50px;
  }
}

/* open 属性付与時（表示状態） */
.func-dialog[open] {
  visibility: visible;
  opacity: 1;
}

.func-dialog__inner {
  position: relative;
  width: calc(78.57143% - 40px);
  max-width: 1100px;
  max-height: calc(100vh - 80px);
  background: #FFF;
}

@media screen and (min-width: 769px) {
  .func-dialog__inner {
    flex-grow: 1;
    max-height: calc(100vh - 160px);
  }
}

@media screen and (orientation: portrait) {
  .func-dialog__inner {
    flex-grow: 1;
    max-height: calc(100vh - 160px);
  }
}

.func-dialog__close {
  position: absolute;
  right: 0;
  bottom: calc(100% + 6px);
  width: 47px;
  height: 47px;
  cursor: pointer;
  background: #DDD;
  border: 0;
}

.func-dialog__close::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 20px;
  height: 20px;
  margin: auto;
  content: "";
  background: url("https://d18f657670wm8u.cloudfront.net/otona/asset/image/icn/close.svg?20210517") 0 0 / cover no-repeat;
}

.func-dialog__closeTxt {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.func-dialog__content {
  height: 100%;
  max-height: calc(100vh - 80px);
  padding: 39px 10px 0;
  overflow: auto;
}

.func-dialog__content > :first-child {
  margin-top: 0;
}

.func-dialog__content > :last-child {
  margin-bottom: 39px;
}

@media screen and (min-width: 769px) {
  .func-dialog__content {
    max-height: calc(100vh - 160px);
    padding: 60px 30px 0;
  }

  .func-dialog__content > *:last-child {
    margin-bottom: 60px;
  }
}

@media screen and (orientation: portrait) {
  .func-dialog__content {
    max-height: calc(100vh - 160px);
  }
}