@charset "UTF-8";

/*! destyle.css v3.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.css */
:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) *,
:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) :after,
:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) :before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-style: solid;
  border-width: 0
}

.c-modal_oti,
.l-header_oti,
.l-maincontents_oti {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent
}

.c-modal_oti,
.l-header_oti,
.l-maincontents_oti {
  margin: 0
}

main {
  display: block
}

:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) {}

:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) address,
:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) blockquote,
:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) dl,
:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) figure,
:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) form,
:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) iframe,
:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) p,
:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) pre,
:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) table {
  margin: 0
}

:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) h1,
:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) h2,
:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) h3,
:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) h4,
:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) h5,
:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0
}

:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) ol,
:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) ul {
  margin: 0;
  padding: 0;
  list-style: none
}

:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) dt {
  font-weight: bold
}

:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) dd {
  margin-left: 0
}

:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit
}

:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) pre {
  font-family: monospace, monospace;
  font-size: inherit
}

:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) address {
  font-style: inherit
}

:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) a {
  background-color: transparent;
  text-decoration: none;
  color: inherit
}

:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) b,
:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) strong {
  font-weight: bolder
}

:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) code,
:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) kbd,
:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) samp {
  font-family: monospace, monospace;
  font-size: inherit
}

:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) small {
  font-size: 80%
}

:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) sub,
:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) sub {
  bottom: -0.25em
}

:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) sup {
  top: -0.5em
}

:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) embed,
:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) iframe,
:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) img,
:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) object,
:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) svg {
  vertical-align: bottom
}

:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) button,
:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) input,
:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) optgroup,
:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) select,
:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit
}

:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) [type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox
}

:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) [type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio
}

:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) [type=button],
:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) [type=reset],
:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) [type=submit],
:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) button {
  cursor: pointer
}

:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) [type=button]:disabled,
:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) [type=reset]:disabled,
:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) [type=submit]:disabled,
:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) button:disabled {
  cursor: default
}

:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) :-moz-focusring {
  outline: auto
}

:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) select:disabled {
  opacity: inherit
}

:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) option {
  padding: 0
}

:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) fieldset {
  margin: 0;
  padding: 0;
  min-width: 0
}

:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) legend {
  padding: 0
}

:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) progress {
  vertical-align: baseline
}

:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) textarea {
  overflow: auto
}

:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) [type=number]::-webkit-inner-spin-button,
:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) [type=number]::-webkit-outer-spin-button {
  height: auto
}

:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) [type=search] {
  outline-offset: -2px
}

:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) [type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) ::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) label[for] {
  cursor: pointer
}

:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) details {
  display: block
}

:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) summary {
  display: list-item
}

:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) [contenteditable]:focus {
  outline: auto
}

:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) table {
  border-color: inherit
}

:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) caption {
  text-align: left
}

:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) td,
:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) th {
  vertical-align: top;
  padding: 0
}

:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) th {
  text-align: left;
  font-weight: bold
}

@font-face {
  font-family: "CONDENSEicon";
  src: url("../fonts/CONDENSEicon.woff?$staticlink$") format("woff"), url("../fonts/CONDENSEicon.otf?$staticlink$") format("opentype"), url("../fonts/CONDENSEicon.eot?$staticlink$") format("eot");
  font-display: swap
}

.l-maincontents_oti {
  line-height: 1.9230769231;
  color: #333;
  text-align: left;
  font-family: "ソフトゴシック R", "Soft Gothic Regular", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "Noto Sans Japanese", "Noto Sans CJK JP", sans-serif;
  font-size: calc(26 / 750 * 100vw);
  font-family: "ソフトゴシック R", "Soft Gothic Regular", sans-serif
}

.l-maincontents_oti.is-fixed_oti {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) img {
  display: block;
  max-width: 100%;
  height: auto
}

:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) a:active,
:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) a:link,
:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) a:visited {
  color: inherit;
  text-decoration: none
}

:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) button {
  outline: none
}

:where(.l-header_oti, .l-maincontents_oti, .c-modal_oti) button:focus-visible {
  outline: 1px solid #00b6a0
}

@media screen and (min-width:769px) {
  .l-maincontents_oti {
    line-height: 1.9230769231;
    font-size: 1.625rem
  }
}

.slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  bottom: calc(30 / 750 * 100vw);
  left: 0;
  width: 100%
}

.slick-dots li {
  width: calc(20 / 750 * 100vw);
  height: calc(20 / 750 * 100vw);
  overflow: hidden;
  border: calc(2 / 750 * 100vw) solid #000;
  border-radius: 1000px;
  background: #fff;
  margin: 0 calc(14 / 750 * 100vw);
  text-indent: -999em
}

.slick-dots .slick-active {
  background: #000
}

@media screen and (min-width:769px) {
  .slick-dots {
    bottom: 25px
  }

  .slick-dots li {
    width: 16px;
    height: 16px;
    margin: 0 11px;
    border-width: 2px
  }
}

.u-pcbr_oti {
  display: none
}

.u-spbr_oti {
  display: inline
}

@media screen and (min-width:769px) {
  .u-pcbr_oti {
    display: inline
  }

  .u-spbr_oti {
    display: none
  }
}

.u-color--green_oti {
  color: #00b6a0
}

.u-color--darkgreen_oti {
  color: #006256
}

.u-color--red_oti {
  color: #f2948c
}

.u-greenBg_oti {
  background: #9acec9
}

.u-redBg_oti {
  background: #f2948c
}

.u-pinkBg_oti {
  background: #eddce6
}

.u-yellowBg_oti {
  background: #cedc7a
}

@media screen and (min-width:769px) {
  .u-grid-pc_oti {
    display: -ms-grid;
    display: grid
  }

  .u-flexBox-pc_oti {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

@media screen and (min-width:769px) {
  .u-w920-pc_oti {
    width: 920px;
    margin-right: auto;
    margin-left: auto
  }
}

.u-mt0-sp_oti {
  margin-top: calc(0 / 750 * 100vw)
}

.u-mb0-sp_oti {
  margin-bottom: calc(0 / 750 * 100vw)
}

.u-mr0-sp_oti {
  margin-right: calc(0 / 750 * 100vw)
}

.u-ml0-sp_oti {
  margin-left: calc(0 / 750 * 100vw)
}

.u-pt0-sp_oti {
  padding-top: calc(0 / 750 * 100vw)
}

.u-pb0-sp_oti {
  padding-bottom: calc(0 / 750 * 100vw)
}

.u-pr0-sp_oti {
  padding-right: calc(0 / 750 * 100vw)
}

.u-pl0-sp_oti {
  padding-left: calc(0 / 750 * 100vw)
}

.u-mt5-sp_oti {
  margin-top: calc(5 / 750 * 100vw)
}

.u-mb5-sp_oti {
  margin-bottom: calc(5 / 750 * 100vw)
}

.u-mr5-sp_oti {
  margin-right: calc(5 / 750 * 100vw)
}

.u-ml5-sp_oti {
  margin-left: calc(5 / 750 * 100vw)
}

.u-pt5-sp_oti {
  padding-top: calc(5 / 750 * 100vw)
}

.u-pb5-sp_oti {
  padding-bottom: calc(5 / 750 * 100vw)
}

.u-pr5-sp_oti {
  padding-right: calc(5 / 750 * 100vw)
}

.u-pl5-sp_oti {
  padding-left: calc(5 / 750 * 100vw)
}

.u-mt10-sp_oti {
  margin-top: calc(10 / 750 * 100vw)
}

.u-mb10-sp_oti {
  margin-bottom: calc(10 / 750 * 100vw)
}

.u-mr10-sp_oti {
  margin-right: calc(10 / 750 * 100vw)
}

.u-ml10-sp_oti {
  margin-left: calc(10 / 750 * 100vw)
}

.u-pt10-sp_oti {
  padding-top: calc(10 / 750 * 100vw)
}

.u-pb10-sp_oti {
  padding-bottom: calc(10 / 750 * 100vw)
}

.u-pr10-sp_oti {
  padding-right: calc(10 / 750 * 100vw)
}

.u-pl10-sp_oti {
  padding-left: calc(10 / 750 * 100vw)
}

.u-mt15-sp_oti {
  margin-top: calc(15 / 750 * 100vw)
}

.u-mb15-sp_oti {
  margin-bottom: calc(15 / 750 * 100vw)
}

.u-mr15-sp_oti {
  margin-right: calc(15 / 750 * 100vw)
}

.u-ml15-sp_oti {
  margin-left: calc(15 / 750 * 100vw)
}

.u-pt15-sp_oti {
  padding-top: calc(15 / 750 * 100vw)
}

.u-pb15-sp_oti {
  padding-bottom: calc(15 / 750 * 100vw)
}

.u-pr15-sp_oti {
  padding-right: calc(15 / 750 * 100vw)
}

.u-pl15-sp_oti {
  padding-left: calc(15 / 750 * 100vw)
}

.u-mt20-sp_oti {
  margin-top: calc(20 / 750 * 100vw)
}

.u-mb20-sp_oti {
  margin-bottom: calc(20 / 750 * 100vw)
}

.u-mr20-sp_oti {
  margin-right: calc(20 / 750 * 100vw)
}

.u-ml20-sp_oti {
  margin-left: calc(20 / 750 * 100vw)
}

.u-pt20-sp_oti {
  padding-top: calc(20 / 750 * 100vw)
}

.u-pb20-sp_oti {
  padding-bottom: calc(20 / 750 * 100vw)
}

.u-pr20-sp_oti {
  padding-right: calc(20 / 750 * 100vw)
}

.u-pl20-sp_oti {
  padding-left: calc(20 / 750 * 100vw)
}

.u-mt25-sp_oti {
  margin-top: calc(25 / 750 * 100vw)
}

.u-mb25-sp_oti {
  margin-bottom: calc(25 / 750 * 100vw)
}

.u-mr25-sp_oti {
  margin-right: calc(25 / 750 * 100vw)
}

.u-ml25-sp_oti {
  margin-left: calc(25 / 750 * 100vw)
}

.u-pt25-sp_oti {
  padding-top: calc(25 / 750 * 100vw)
}

.u-pb25-sp_oti {
  padding-bottom: calc(25 / 750 * 100vw)
}

.u-pr25-sp_oti {
  padding-right: calc(25 / 750 * 100vw)
}

.u-pl25-sp_oti {
  padding-left: calc(25 / 750 * 100vw)
}

.u-mt30-sp_oti {
  margin-top: calc(30 / 750 * 100vw)
}

.u-mb30-sp_oti {
  margin-bottom: calc(30 / 750 * 100vw)
}

.u-mr30-sp_oti {
  margin-right: calc(30 / 750 * 100vw)
}

.u-ml30-sp_oti {
  margin-left: calc(30 / 750 * 100vw)
}

.u-pt30-sp_oti {
  padding-top: calc(30 / 750 * 100vw)
}

.u-pb30-sp_oti {
  padding-bottom: calc(30 / 750 * 100vw)
}

.u-pr30-sp_oti {
  padding-right: calc(30 / 750 * 100vw)
}

.u-pl30-sp_oti {
  padding-left: calc(30 / 750 * 100vw)
}

.u-mt35-sp_oti {
  margin-top: calc(35 / 750 * 100vw)
}

.u-mb35-sp_oti {
  margin-bottom: calc(35 / 750 * 100vw)
}

.u-mr35-sp_oti {
  margin-right: calc(35 / 750 * 100vw)
}

.u-ml35-sp_oti {
  margin-left: calc(35 / 750 * 100vw)
}

.u-pt35-sp_oti {
  padding-top: calc(35 / 750 * 100vw)
}

.u-pb35-sp_oti {
  padding-bottom: calc(35 / 750 * 100vw)
}

.u-pr35-sp_oti {
  padding-right: calc(35 / 750 * 100vw)
}

.u-pl35-sp_oti {
  padding-left: calc(35 / 750 * 100vw)
}

.u-mt40-sp_oti {
  margin-top: calc(40 / 750 * 100vw)
}

.u-mb40-sp_oti {
  margin-bottom: calc(40 / 750 * 100vw)
}

.u-mr40-sp_oti {
  margin-right: calc(40 / 750 * 100vw)
}

.u-ml40-sp_oti {
  margin-left: calc(40 / 750 * 100vw)
}

.u-pt40-sp_oti {
  padding-top: calc(40 / 750 * 100vw)
}

.u-pb40-sp_oti {
  padding-bottom: calc(40 / 750 * 100vw)
}

.u-pr40-sp_oti {
  padding-right: calc(40 / 750 * 100vw)
}

.u-pl40-sp_oti {
  padding-left: calc(40 / 750 * 100vw)
}

.u-mt45-sp_oti {
  margin-top: calc(45 / 750 * 100vw)
}

.u-mb45-sp_oti {
  margin-bottom: calc(45 / 750 * 100vw)
}

.u-mr45-sp_oti {
  margin-right: calc(45 / 750 * 100vw)
}

.u-ml45-sp_oti {
  margin-left: calc(45 / 750 * 100vw)
}

.u-pt45-sp_oti {
  padding-top: calc(45 / 750 * 100vw)
}

.u-pb45-sp_oti {
  padding-bottom: calc(45 / 750 * 100vw)
}

.u-pr45-sp_oti {
  padding-right: calc(45 / 750 * 100vw)
}

.u-pl45-sp_oti {
  padding-left: calc(45 / 750 * 100vw)
}

.u-mt50-sp_oti {
  margin-top: calc(50 / 750 * 100vw)
}

.u-mb50-sp_oti {
  margin-bottom: calc(50 / 750 * 100vw)
}

.u-mr50-sp_oti {
  margin-right: calc(50 / 750 * 100vw)
}

.u-ml50-sp_oti {
  margin-left: calc(50 / 750 * 100vw)
}

.u-pt50-sp_oti {
  padding-top: calc(50 / 750 * 100vw)
}

.u-pb50-sp_oti {
  padding-bottom: calc(50 / 750 * 100vw)
}

.u-pr50-sp_oti {
  padding-right: calc(50 / 750 * 100vw)
}

.u-pl50-sp_oti {
  padding-left: calc(50 / 750 * 100vw)
}

.u-mt55-sp_oti {
  margin-top: calc(55 / 750 * 100vw)
}

.u-mb55-sp_oti {
  margin-bottom: calc(55 / 750 * 100vw)
}

.u-mr55-sp_oti {
  margin-right: calc(55 / 750 * 100vw)
}

.u-ml55-sp_oti {
  margin-left: calc(55 / 750 * 100vw)
}

.u-pt55-sp_oti {
  padding-top: calc(55 / 750 * 100vw)
}

.u-pb55-sp_oti {
  padding-bottom: calc(55 / 750 * 100vw)
}

.u-pr55-sp_oti {
  padding-right: calc(55 / 750 * 100vw)
}

.u-pl55-sp_oti {
  padding-left: calc(55 / 750 * 100vw)
}

.u-mt60-sp_oti {
  margin-top: calc(60 / 750 * 100vw)
}

.u-mb60-sp_oti {
  margin-bottom: calc(60 / 750 * 100vw)
}

.u-mr60-sp_oti {
  margin-right: calc(60 / 750 * 100vw)
}

.u-ml60-sp_oti {
  margin-left: calc(60 / 750 * 100vw)
}

.u-pt60-sp_oti {
  padding-top: calc(60 / 750 * 100vw)
}

.u-pb60-sp_oti {
  padding-bottom: calc(60 / 750 * 100vw)
}

.u-pr60-sp_oti {
  padding-right: calc(60 / 750 * 100vw)
}

.u-pl60-sp_oti {
  padding-left: calc(60 / 750 * 100vw)
}

.u-mt65-sp_oti {
  margin-top: calc(65 / 750 * 100vw)
}

.u-mb65-sp_oti {
  margin-bottom: calc(65 / 750 * 100vw)
}

.u-mr65-sp_oti {
  margin-right: calc(65 / 750 * 100vw)
}

.u-ml65-sp_oti {
  margin-left: calc(65 / 750 * 100vw)
}

.u-pt65-sp_oti {
  padding-top: calc(65 / 750 * 100vw)
}

.u-pb65-sp_oti {
  padding-bottom: calc(65 / 750 * 100vw)
}

.u-pr65-sp_oti {
  padding-right: calc(65 / 750 * 100vw)
}

.u-pl65-sp_oti {
  padding-left: calc(65 / 750 * 100vw)
}

.u-mt70-sp_oti {
  margin-top: calc(70 / 750 * 100vw)
}

.u-mb70-sp_oti {
  margin-bottom: calc(70 / 750 * 100vw)
}

.u-mr70-sp_oti {
  margin-right: calc(70 / 750 * 100vw)
}

.u-ml70-sp_oti {
  margin-left: calc(70 / 750 * 100vw)
}

.u-pt70-sp_oti {
  padding-top: calc(70 / 750 * 100vw)
}

.u-pb70-sp_oti {
  padding-bottom: calc(70 / 750 * 100vw)
}

.u-pr70-sp_oti {
  padding-right: calc(70 / 750 * 100vw)
}

.u-pl70-sp_oti {
  padding-left: calc(70 / 750 * 100vw)
}

.u-mt75-sp_oti {
  margin-top: calc(75 / 750 * 100vw)
}

.u-mb75-sp_oti {
  margin-bottom: calc(75 / 750 * 100vw)
}

.u-mr75-sp_oti {
  margin-right: calc(75 / 750 * 100vw)
}

.u-ml75-sp_oti {
  margin-left: calc(75 / 750 * 100vw)
}

.u-pt75-sp_oti {
  padding-top: calc(75 / 750 * 100vw)
}

.u-pb75-sp_oti {
  padding-bottom: calc(75 / 750 * 100vw)
}

.u-pr75-sp_oti {
  padding-right: calc(75 / 750 * 100vw)
}

.u-pl75-sp_oti {
  padding-left: calc(75 / 750 * 100vw)
}

.u-mt80-sp_oti {
  margin-top: calc(80 / 750 * 100vw)
}

.u-mb80-sp_oti {
  margin-bottom: calc(80 / 750 * 100vw)
}

.u-mr80-sp_oti {
  margin-right: calc(80 / 750 * 100vw)
}

.u-ml80-sp_oti {
  margin-left: calc(80 / 750 * 100vw)
}

.u-pt80-sp_oti {
  padding-top: calc(80 / 750 * 100vw)
}

.u-pb80-sp_oti {
  padding-bottom: calc(80 / 750 * 100vw)
}

.u-pr80-sp_oti {
  padding-right: calc(80 / 750 * 100vw)
}

.u-pl80-sp_oti {
  padding-left: calc(80 / 750 * 100vw)
}

.u-mt85-sp_oti {
  margin-top: calc(85 / 750 * 100vw)
}

.u-mb85-sp_oti {
  margin-bottom: calc(85 / 750 * 100vw)
}

.u-mr85-sp_oti {
  margin-right: calc(85 / 750 * 100vw)
}

.u-ml85-sp_oti {
  margin-left: calc(85 / 750 * 100vw)
}

.u-pt85-sp_oti {
  padding-top: calc(85 / 750 * 100vw)
}

.u-pb85-sp_oti {
  padding-bottom: calc(85 / 750 * 100vw)
}

.u-pr85-sp_oti {
  padding-right: calc(85 / 750 * 100vw)
}

.u-pl85-sp_oti {
  padding-left: calc(85 / 750 * 100vw)
}

.u-mt90-sp_oti {
  margin-top: calc(90 / 750 * 100vw)
}

.u-mb90-sp_oti {
  margin-bottom: calc(90 / 750 * 100vw)
}

.u-mr90-sp_oti {
  margin-right: calc(90 / 750 * 100vw)
}

.u-ml90-sp_oti {
  margin-left: calc(90 / 750 * 100vw)
}

.u-pt90-sp_oti {
  padding-top: calc(90 / 750 * 100vw)
}

.u-pb90-sp_oti {
  padding-bottom: calc(90 / 750 * 100vw)
}

.u-pr90-sp_oti {
  padding-right: calc(90 / 750 * 100vw)
}

.u-pl90-sp_oti {
  padding-left: calc(90 / 750 * 100vw)
}

.u-mt95-sp_oti {
  margin-top: calc(95 / 750 * 100vw)
}

.u-mb95-sp_oti {
  margin-bottom: calc(95 / 750 * 100vw)
}

.u-mr95-sp_oti {
  margin-right: calc(95 / 750 * 100vw)
}

.u-ml95-sp_oti {
  margin-left: calc(95 / 750 * 100vw)
}

.u-pt95-sp_oti {
  padding-top: calc(95 / 750 * 100vw)
}

.u-pb95-sp_oti {
  padding-bottom: calc(95 / 750 * 100vw)
}

.u-pr95-sp_oti {
  padding-right: calc(95 / 750 * 100vw)
}

.u-pl95-sp_oti {
  padding-left: calc(95 / 750 * 100vw)
}

.u-mt100-sp_oti {
  margin-top: calc(100 / 750 * 100vw)
}

.u-mb100-sp_oti {
  margin-bottom: calc(100 / 750 * 100vw)
}

.u-mr100-sp_oti {
  margin-right: calc(100 / 750 * 100vw)
}

.u-ml100-sp_oti {
  margin-left: calc(100 / 750 * 100vw)
}

.u-pt100-sp_oti {
  padding-top: calc(100 / 750 * 100vw)
}

.u-pb100-sp_oti {
  padding-bottom: calc(100 / 750 * 100vw)
}

.u-pr100-sp_oti {
  padding-right: calc(100 / 750 * 100vw)
}

.u-pl100-sp_oti {
  padding-left: calc(100 / 750 * 100vw)
}

@media screen and (min-width:769px) {
  .u-mt0-pc_oti {
    margin-top: 0px
  }

  .u-mb0-pc_oti {
    margin-bottom: 0px
  }

  .u-mr0-pc_oti {
    margin-right: 0px
  }

  .u-ml0-pc_oti {
    margin-left: 0px
  }

  .u-pt0-pc_oti {
    padding-top: 0px
  }

  .u-pb0-pc_oti {
    padding-bottom: 0px
  }

  .u-pr0-pc_oti {
    padding-right: 0px
  }

  .u-pl0-pc_oti {
    padding-left: 0px
  }

  .u-mt5-pc_oti {
    margin-top: 5px
  }

  .u-mb5-pc_oti {
    margin-bottom: 5px
  }

  .u-mr5-pc_oti {
    margin-right: 5px
  }

  .u-ml5-pc_oti {
    margin-left: 5px
  }

  .u-pt5-pc_oti {
    padding-top: 5px
  }

  .u-pb5-pc_oti {
    padding-bottom: 5px
  }

  .u-pr5-pc_oti {
    padding-right: 5px
  }

  .u-pl5-pc_oti {
    padding-left: 5px
  }

  .u-mt10-pc_oti {
    margin-top: 10px
  }

  .u-mb10-pc_oti {
    margin-bottom: 10px
  }

  .u-mr10-pc_oti {
    margin-right: 10px
  }

  .u-ml10-pc_oti {
    margin-left: 10px
  }

  .u-pt10-pc_oti {
    padding-top: 10px
  }

  .u-pb10-pc_oti {
    padding-bottom: 10px
  }

  .u-pr10-pc_oti {
    padding-right: 10px
  }

  .u-pl10-pc_oti {
    padding-left: 10px
  }

  .u-mt15-pc_oti {
    margin-top: 15px
  }

  .u-mb15-pc_oti {
    margin-bottom: 15px
  }

  .u-mr15-pc_oti {
    margin-right: 15px
  }

  .u-ml15-pc_oti {
    margin-left: 15px
  }

  .u-pt15-pc_oti {
    padding-top: 15px
  }

  .u-pb15-pc_oti {
    padding-bottom: 15px
  }

  .u-pr15-pc_oti {
    padding-right: 15px
  }

  .u-pl15-pc_oti {
    padding-left: 15px
  }

  .u-mt20-pc_oti {
    margin-top: 20px
  }

  .u-mb20-pc_oti {
    margin-bottom: 20px
  }

  .u-mr20-pc_oti {
    margin-right: 20px
  }

  .u-ml20-pc_oti {
    margin-left: 20px
  }

  .u-pt20-pc_oti {
    padding-top: 20px
  }

  .u-pb20-pc_oti {
    padding-bottom: 20px
  }

  .u-pr20-pc_oti {
    padding-right: 20px
  }

  .u-pl20-pc_oti {
    padding-left: 20px
  }

  .u-mt25-pc_oti {
    margin-top: 25px
  }

  .u-mb25-pc_oti {
    margin-bottom: 25px
  }

  .u-mr25-pc_oti {
    margin-right: 25px
  }

  .u-ml25-pc_oti {
    margin-left: 25px
  }

  .u-pt25-pc_oti {
    padding-top: 25px
  }

  .u-pb25-pc_oti {
    padding-bottom: 25px
  }

  .u-pr25-pc_oti {
    padding-right: 25px
  }

  .u-pl25-pc_oti {
    padding-left: 25px
  }

  .u-mt30-pc_oti {
    margin-top: 30px
  }

  .u-mb30-pc_oti {
    margin-bottom: 30px
  }

  .u-mr30-pc_oti {
    margin-right: 30px
  }

  .u-ml30-pc_oti {
    margin-left: 30px
  }

  .u-pt30-pc_oti {
    padding-top: 30px
  }

  .u-pb30-pc_oti {
    padding-bottom: 30px
  }

  .u-pr30-pc_oti {
    padding-right: 30px
  }

  .u-pl30-pc_oti {
    padding-left: 30px
  }

  .u-mt35-pc_oti {
    margin-top: 35px
  }

  .u-mb35-pc_oti {
    margin-bottom: 35px
  }

  .u-mr35-pc_oti {
    margin-right: 35px
  }

  .u-ml35-pc_oti {
    margin-left: 35px
  }

  .u-pt35-pc_oti {
    padding-top: 35px
  }

  .u-pb35-pc_oti {
    padding-bottom: 35px
  }

  .u-pr35-pc_oti {
    padding-right: 35px
  }

  .u-pl35-pc_oti {
    padding-left: 35px
  }

  .u-mt40-pc_oti {
    margin-top: 40px
  }

  .u-mb40-pc_oti {
    margin-bottom: 40px
  }

  .u-mr40-pc_oti {
    margin-right: 40px
  }

  .u-ml40-pc_oti {
    margin-left: 40px
  }

  .u-pt40-pc_oti {
    padding-top: 40px
  }

  .u-pb40-pc_oti {
    padding-bottom: 40px
  }

  .u-pr40-pc_oti {
    padding-right: 40px
  }

  .u-pl40-pc_oti {
    padding-left: 40px
  }

  .u-mt45-pc_oti {
    margin-top: 45px
  }

  .u-mb45-pc_oti {
    margin-bottom: 45px
  }

  .u-mr45-pc_oti {
    margin-right: 45px
  }

  .u-ml45-pc_oti {
    margin-left: 45px
  }

  .u-pt45-pc_oti {
    padding-top: 45px
  }

  .u-pb45-pc_oti {
    padding-bottom: 45px
  }

  .u-pr45-pc_oti {
    padding-right: 45px
  }

  .u-pl45-pc_oti {
    padding-left: 45px
  }

  .u-mt50-pc_oti {
    margin-top: 50px
  }

  .u-mb50-pc_oti {
    margin-bottom: 50px
  }

  .u-mr50-pc_oti {
    margin-right: 50px
  }

  .u-ml50-pc_oti {
    margin-left: 50px
  }

  .u-pt50-pc_oti {
    padding-top: 50px
  }

  .u-pb50-pc_oti {
    padding-bottom: 50px
  }

  .u-pr50-pc_oti {
    padding-right: 50px
  }

  .u-pl50-pc_oti {
    padding-left: 50px
  }

  .u-mt55-pc_oti {
    margin-top: 55px
  }

  .u-mb55-pc_oti {
    margin-bottom: 55px
  }

  .u-mr55-pc_oti {
    margin-right: 55px
  }

  .u-ml55-pc_oti {
    margin-left: 55px
  }

  .u-pt55-pc_oti {
    padding-top: 55px
  }

  .u-pb55-pc_oti {
    padding-bottom: 55px
  }

  .u-pr55-pc_oti {
    padding-right: 55px
  }

  .u-pl55-pc_oti {
    padding-left: 55px
  }

  .u-mt60-pc_oti {
    margin-top: 60px
  }

  .u-mb60-pc_oti {
    margin-bottom: 60px
  }

  .u-mr60-pc_oti {
    margin-right: 60px
  }

  .u-ml60-pc_oti {
    margin-left: 60px
  }

  .u-pt60-pc_oti {
    padding-top: 60px
  }

  .u-pb60-pc_oti {
    padding-bottom: 60px
  }

  .u-pr60-pc_oti {
    padding-right: 60px
  }

  .u-pl60-pc_oti {
    padding-left: 60px
  }

  .u-mt65-pc_oti {
    margin-top: 65px
  }

  .u-mb65-pc_oti {
    margin-bottom: 65px
  }

  .u-mr65-pc_oti {
    margin-right: 65px
  }

  .u-ml65-pc_oti {
    margin-left: 65px
  }

  .u-pt65-pc_oti {
    padding-top: 65px
  }

  .u-pb65-pc_oti {
    padding-bottom: 65px
  }

  .u-pr65-pc_oti {
    padding-right: 65px
  }

  .u-pl65-pc_oti {
    padding-left: 65px
  }

  .u-mt70-pc_oti {
    margin-top: 70px
  }

  .u-mb70-pc_oti {
    margin-bottom: 70px
  }

  .u-mr70-pc_oti {
    margin-right: 70px
  }

  .u-ml70-pc_oti {
    margin-left: 70px
  }

  .u-pt70-pc_oti {
    padding-top: 70px
  }

  .u-pb70-pc_oti {
    padding-bottom: 70px
  }

  .u-pr70-pc_oti {
    padding-right: 70px
  }

  .u-pl70-pc_oti {
    padding-left: 70px
  }

  .u-mt75-pc_oti {
    margin-top: 75px
  }

  .u-mb75-pc_oti {
    margin-bottom: 75px
  }

  .u-mr75-pc_oti {
    margin-right: 75px
  }

  .u-ml75-pc_oti {
    margin-left: 75px
  }

  .u-pt75-pc_oti {
    padding-top: 75px
  }

  .u-pb75-pc_oti {
    padding-bottom: 75px
  }

  .u-pr75-pc_oti {
    padding-right: 75px
  }

  .u-pl75-pc_oti {
    padding-left: 75px
  }

  .u-mt80-pc_oti {
    margin-top: 80px
  }

  .u-mb80-pc_oti {
    margin-bottom: 80px
  }

  .u-mr80-pc_oti {
    margin-right: 80px
  }

  .u-ml80-pc_oti {
    margin-left: 80px
  }

  .u-pt80-pc_oti {
    padding-top: 80px
  }

  .u-pb80-pc_oti {
    padding-bottom: 80px
  }

  .u-pr80-pc_oti {
    padding-right: 80px
  }

  .u-pl80-pc_oti {
    padding-left: 80px
  }

  .u-mt85-pc_oti {
    margin-top: 85px
  }

  .u-mb85-pc_oti {
    margin-bottom: 85px
  }

  .u-mr85-pc_oti {
    margin-right: 85px
  }

  .u-ml85-pc_oti {
    margin-left: 85px
  }

  .u-pt85-pc_oti {
    padding-top: 85px
  }

  .u-pb85-pc_oti {
    padding-bottom: 85px
  }

  .u-pr85-pc_oti {
    padding-right: 85px
  }

  .u-pl85-pc_oti {
    padding-left: 85px
  }

  .u-mt90-pc_oti {
    margin-top: 90px
  }

  .u-mb90-pc_oti {
    margin-bottom: 90px
  }

  .u-mr90-pc_oti {
    margin-right: 90px
  }

  .u-ml90-pc_oti {
    margin-left: 90px
  }

  .u-pt90-pc_oti {
    padding-top: 90px
  }

  .u-pb90-pc_oti {
    padding-bottom: 90px
  }

  .u-pr90-pc_oti {
    padding-right: 90px
  }

  .u-pl90-pc_oti {
    padding-left: 90px
  }

  .u-mt95-pc_oti {
    margin-top: 95px
  }

  .u-mb95-pc_oti {
    margin-bottom: 95px
  }

  .u-mr95-pc_oti {
    margin-right: 95px
  }

  .u-ml95-pc_oti {
    margin-left: 95px
  }

  .u-pt95-pc_oti {
    padding-top: 95px
  }

  .u-pb95-pc_oti {
    padding-bottom: 95px
  }

  .u-pr95-pc_oti {
    padding-right: 95px
  }

  .u-pl95-pc_oti {
    padding-left: 95px
  }

  .u-mt100-pc_oti {
    margin-top: 100px
  }

  .u-mb100-pc_oti {
    margin-bottom: 100px
  }

  .u-mr100-pc_oti {
    margin-right: 100px
  }

  .u-ml100-pc_oti {
    margin-left: 100px
  }

  .u-pt100-pc_oti {
    padding-top: 100px
  }

  .u-pb100-pc_oti {
    padding-bottom: 100px
  }

  .u-pr100-pc_oti {
    padding-right: 100px
  }

  .u-pl100-pc_oti {
    padding-left: 100px
  }
}

.u-alignRight_oti {
  text-align: right
}

.u-overflow {
  overflow: hidden
}

.l-header_oti {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  background: #fff
}

.l-header__inner_oti {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: calc(120 / 750 * 100vw);
  padding: 0 0 0 calc(40 / 750 * 100vw)
}

.l-header__logo_oti {
  width: calc(212 / 750 * 100vw);
  height: calc(50 / 750 * 100vw)
}

.l-header__navi_oti {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: auto;
  border-radius: 0;
  pointer-events: none
}

.l-header__navi_oti:before {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
  width: 300px;
  height: 300px;
  margin: auto;
  border-radius: 50%;
  background: rgba(154, 206, 201, 0.96);
  -webkit-transform: scale(0);
  transform: scale(0);
  content: "";
  -webkit-transition: -webkit-transform 0.1s 0.2s ease-out;
  transition: -webkit-transform 0.1s 0.2s ease-out;
  transition: transform 0.1s 0.2s ease-out;
  transition: transform 0.1s 0.2s ease-out, -webkit-transform 0.1s 0.2s ease-out
}

.l-header__navi_oti>img {
  margin-left: auto;
  margin-right: auto
}

.l-header__navi_oti>* {
  position: relative;
  z-index: 2;
  opacity: 0;
  -webkit-transition: opacity 0.1s 0s linear;
  transition: opacity 0.1s 0s linear
}

.l-header__navi_oti .c-otherNavi_oti {
  border-top: calc(4 / 750 * 100vw) solid #fff
}

.l-header__navi_oti .c-share_oti {
  margin-top: calc(48 / 750 * 100vw)
}

.l-header__navi_oti .c-share_oti dt {
  -ms-flex-preferred-size: calc(128 / 750 * 100vw);
  flex-basis: calc(128 / 750 * 100vw);
  max-width: calc(128 / 750 * 100vw);
  min-width: auto
}

.l-header__navi_oti .c-share_oti dd {
  margin-top: 0
}

.l-header__navi_oti.is-open_oti>* {
  opacity: 1;
  pointer-events: all;
  -webkit-transition: opacity 0.3s 0.3s linear;
  transition: opacity 0.3s 0.3s linear
}

.l-header__navi_oti.is-open_oti:before {
  -webkit-transform: scale(5);
  transform: scale(5);
  -webkit-transition: -webkit-transform 0.3s 0s ease-out;
  transition: -webkit-transform 0.3s 0s ease-out;
  transition: transform 0.3s 0s ease-out;
  transition: transform 0.3s 0s ease-out, -webkit-transform 0.3s 0s ease-out
}

.l-header__viewport_oti {
  height: 100%;
  padding: calc(120 / 750 * 100vw) calc(50 / 750 * 100vw);
  overflow: auto
}

@media screen and (min-width:769px) {
  .l-header_oti {
    height: 90px;
    padding: 0 40px
  }

  .l-header__inner_oti {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 960px;
    height: 90px;
    margin: 0 auto;
    padding: 0 20px
  }

  .l-header__logo_oti {
    width: 170px;
    height: 40px
  }

  .l-header__navi_oti {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: auto;
    border-radius: 0;
    pointer-events: none
  }

  .l-header__navi_oti:before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
    width: 300px;
    height: 300px;
    margin: auto;
    border-radius: 50%;
    background: rgba(154, 206, 201, 0.96);
    -webkit-transform: scale(0);
    transform: scale(0);
    content: ""
  }

  .l-header__navi_oti>* {
    position: relative;
    z-index: 2;
    opacity: 0;
    -webkit-transition: opacity 0.1s 0s linear;
    transition: opacity 0.1s 0s linear
  }

  .l-header__navi_oti .c-otherNavi_oti {
    width: 920px;
    margin-left: auto;
    margin-right: auto;
    border-top: 4px solid #fff
  }

  .l-header__navi_oti .c-share_oti {
    margin-top: 50px
  }

  .l-header__navi_oti .c-share_oti dt {
    -ms-flex-preferred-size: 128px;
    flex-basis: 128px;
    max-width: 128px;
    min-width: auto
  }

  .l-header__navi_oti.is-open_oti>* {
    opacity: 1;
    pointer-events: all;
    -webkit-transition: opacity 0.3s 0.3s linear;
    transition: opacity 0.3s 0.3s linear
  }

  .l-header__navi_oti.is-open_oti:before {
    -webkit-transform: scale(10);
    transform: scale(10);
    -webkit-transition: -webkit-transform 0.3s 0s ease-out;
    transition: -webkit-transform 0.3s 0s ease-out;
    transition: transform 0.3s 0s ease-out;
    transition: transform 0.3s 0s ease-out, -webkit-transform 0.3s 0s ease-out
  }

  .l-header__viewport_oti {
    padding: 90px 50px 0
  }

  .l-header__viewport_oti>img {
    display: block;
    margin: auto
  }
}

.l-footer_oti {
  padding-top: 10px;
  border-top: 1px solid #ccc
}

.l-footer__logo_oti {
  margin-top: 10px
}

.l-footer__logo_oti img {
  width: 71px;
  margin: 0 auto
}

.l-footer__copyright_oti {
  display: block;
  padding: 5px 20px 15px;
  text-align: center;
  font-size: 0.625rem
}

@media screen and (min-width:769px) {
  .l-footer_oti {
    padding-top: 20px;
    border-top: 0
  }

  .l-footer__logo_oti {
    text-align: center;
    margin-top: 20px
  }

  .l-footer__logo_oti img {
    width: 68px
  }

  .l-footer__copyright_oti {
    padding: 10px 20px 20px;
    font-size: 0.75rem
  }
}

.l-maincontents_oti {
  padding-top: calc(120 / 750 * 100vw)
}

@media screen and (min-width:769px) {
  .l-maincontents_oti {
    padding-top: 90px
  }
}

.c-hamburger_oti {
  position: relative;
  z-index: 3;
  background: transparent;
  border: 0;
  width: calc(120 / 750 * 100vw);
  height: calc(120 / 750 * 100vw)
}

.c-hamburger_oti img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transition: -webkit-transform 0.2s 0s ease-in-out;
  transition: -webkit-transform 0.2s 0s ease-in-out;
  transition: transform 0.2s 0s ease-in-out;
  transition: transform 0.2s 0s ease-in-out, -webkit-transform 0.2s 0s ease-in-out
}

.c-hamburger_oti [src*="icon_hamburger.png"] {
  width: calc(50 / 750 * 100vw);
  height: calc(40 / 750 * 100vw);
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transition: -webkit-transform 0.2s 0.2s ease-in-out;
  transition: -webkit-transform 0.2s 0.2s ease-in-out;
  transition: transform 0.2s 0.2s ease-in-out;
  transition: transform 0.2s 0.2s ease-in-out, -webkit-transform 0.2s 0.2s ease-in-out
}

.c-hamburger_oti [src*="btn_close.png"] {
  width: calc(48 / 750 * 100vw);
  height: calc(48 / 750 * 100vw);
  -webkit-transform: rotateY(90deg);
  transform: rotateY(90deg);
  -webkit-transition: -webkit-transform 0.2s 0s ease-in-out;
  transition: -webkit-transform 0.2s 0s ease-in-out;
  transition: transform 0.2s 0s ease-in-out;
  transition: transform 0.2s 0s ease-in-out, -webkit-transform 0.2s 0s ease-in-out
}

.c-hamburger_oti.is-open_oti img {
  -webkit-transform: rotateY(90deg);
  transform: rotateY(90deg);
  -webkit-transition: -webkit-transform 0.2s 0s ease-in-out;
  transition: -webkit-transform 0.2s 0s ease-in-out;
  transition: transform 0.2s 0s ease-in-out;
  transition: transform 0.2s 0s ease-in-out, -webkit-transform 0.2s 0s ease-in-out
}

.c-hamburger_oti.is-open_oti [src*="btn_close.png"] {
  -webkit-transform: rotateY(0);
  transform: rotateY(0);
  -webkit-transition: -webkit-transform 0.2s 0.2s ease-in-out;
  transition: -webkit-transform 0.2s 0.2s ease-in-out;
  transition: transform 0.2s 0.2s ease-in-out;
  transition: transform 0.2s 0.2s ease-in-out, -webkit-transform 0.2s 0.2s ease-in-out
}

@media screen and (min-width:769px) {
  .c-hamburger_oti {
    width: 90px;
    height: 90px;
    margin-left: auto;
    margin-right: 0
  }

  .c-hamburger_oti [src*="icon_hamburger.png"] {
    width: 50px;
    height: 40px;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transition: -webkit-transform 0.2s 0.2s ease-in-out;
    transition: -webkit-transform 0.2s 0.2s ease-in-out;
    transition: transform 0.2s 0.2s ease-in-out;
    transition: transform 0.2s 0.2s ease-in-out, -webkit-transform 0.2s 0.2s ease-in-out
  }

  .c-hamburger_oti [src*="btn_close.png"] {
    width: 48px;
    height: 48px;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transition: -webkit-transform 0.2s 0s ease-in-out;
    transition: -webkit-transform 0.2s 0s ease-in-out;
    transition: transform 0.2s 0s ease-in-out;
    transition: transform 0.2s 0s ease-in-out, -webkit-transform 0.2s 0s ease-in-out
  }
}

.c-globalNavi_oti {
  text-align: center
}

.c-globalNavi_oti li {
  position: relative
}

.c-globalNavi_oti li:nth-child(n+2):after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: calc(350 / 750 * 100vw);
  height: 1px;
  margin: auto;
  background: #fff;
  content: ""
}

.c-globalNavi_oti a {
  display: block;
  width: 46.6666666667vw;
  margin: 0 auto;
  padding: calc(32 / 750 * 100vw) 0;
  font-size: calc(28 / 750 * 100vw);
  font-family: "ソフトゴシック M", "Soft Gothic Medium", sans-serif;
  font-weight: 700
}

@media screen and (min-width:769px) {
  .c-globalNavi_oti li:nth-child(n+2):after {
    width: 350px
  }

  .c-globalNavi_oti li.c-globalNavi--game_oti {
    display: none
  }

  .c-globalNavi_oti a {
    width: 350px;
    padding: 24px 0;
    font-size: 1.75rem
  }
}

.c-otherNavi_oti {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.c-otherNavi_oti>li {
  line-height: 1;
  margin-top: calc(40 / 750 * 100vw);
  border-left: 1px solid #fff
}

.c-otherNavi_oti>li:first-child,
.c-otherNavi_oti>li:nth-child(4) {
  border-left: 0
}

.c-otherNavi_oti a {
  display: block;
  padding: 0 calc(20 / 750 * 100vw);
  font-size: calc(24 / 750 * 100vw);
  font-family: "ソフトゴシック M", "Soft Gothic Medium", sans-serif;
  font-weight: 700
}

@media screen and (min-width:769px) {
  .c-otherNavi_oti>li {
    margin-top: 30px
  }

  .c-otherNavi_oti>li:nth-child(4) {
    border-left: 1px solid #fff
  }

  .c-otherNavi_oti a {
    display: block;
    padding: 0 20px;
    font-size: 1rem
  }
}

.c-localnavi_oti {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  line-height: 1;
  padding: 0 calc(40 / 750 * 100vw);
  font-size: 0.625rem;
  font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3"
}

.c-localnavi_oti li {
  margin-top: 10px;
  border-right: 1px solid #000
}

.c-localnavi_oti li:first-child {
  border-left: 1px solid #000
}

.c-localnavi_oti a {
  display: block;
  padding: 0 5px
}

@media screen and (min-width:769px) {
  .c-localnavi_oti {
    padding: 0 40px;
    font-size: 0.75rem
  }

  .c-localnavi_oti li {
    margin-top: 0
  }

  .c-localnavi_oti a {
    display: block;
    padding: 0 17px;
    text-decoration: underline
  }

  .c-localnavi_oti a:hover {
    text-decoration: none
  }
}

.c-floatingNavi_oti {
  display: none;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  position: fixed;
  bottom: 0;
  right: 0;
  margin: 0;
  padding: 0;
  z-index: 10;
  width: 100%;
  border-bottom: calc(8 / 750 * 100vw) solid #006256;
  list-style: none
}

.c-floatingNavi_oti li {
  position: relative;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%
}

.c-floatingNavi_oti li:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: block;
  content: "";
  pointer-events: none
}

.c-floatingNavi_oti a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: calc(120 / 750 * 100vw);
  line-height: 1.3125;
  font-size: calc(32 / 750 * 100vw);
  font-family: "ソフトゴシック M", "Soft Gothic Medium", sans-serif;
  font-weight: 700
}

.c-floatingNavi_oti a:after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  right: calc(40 / 750 * 100vw);
  width: calc(40 / 750 * 100vw);
  height: calc(40 / 750 * 100vw);
  line-height: 1;
  -webkit-box-shadow: inset 0px calc(2 / 750 * 100vw) 0px 0px #006256;
  box-shadow: inset 0px calc(2 / 750 * 100vw) 0px 0px #006256;
  text-indent: calc(4 / 750 * 100vw);
  margin: auto;
  font-family: "CONDENSEicon";
  font-size: calc(24 / 750 * 100vw);
  pointer-events: none
}

.c-floatingNavi__details_oti:before {
  display: block;
  -ms-flex-preferred-size: calc(114 / 750 * 100vw);
  flex-basis: calc(114 / 750 * 100vw);
  min-width: calc(114 / 750 * 100vw);
  height: 100%;
  background: url("../images/img_oti_button.png") no-repeat calc(20 / 750 * 100vw) center;
  background-size: calc(66 / 750 * 100vw) auto;
  content: ""
}

.c-floatingNavi__details_oti a {
  padding: 0 0 0 calc(114 / 750 * 100vw);
  border-radius: calc(20 / 750 * 100vw) calc(20 / 750 * 100vw) 0 0;
  background: #00b6a0;
  color: #fff
}

.c-floatingNavi__details_oti a:after {
  border-radius: 50%;
  background: #fff;
  color: #006256;
  content: "▶"
}

.c-floatingNavi__game_oti:before {
  display: block;
  -ms-flex-preferred-size: calc(130 / 750 * 100vw);
  flex-basis: calc(130 / 750 * 100vw);
  min-width: calc(130 / 750 * 100vw);
  height: 100%;
  background: url("../images/bg_floating_game.png") no-repeat calc(30 / 750 * 100vw) center;
  background-size: calc(90 / 750 * 100vw) auto;
  content: ""
}

.c-floatingNavi__game_oti a {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 0 0 calc(130 / 750 * 100vw);
  border: calc(2 / 750 * 100vw) solid #006256;
  border-bottom: 0;
  border-radius: calc(20 / 750 * 100vw) 0 0 0;
  background: #fff
}

.c-floatingNavi__game_oti a:after {
  border-radius: 50%;
  background: #00b6a0;
  color: #fff;
  content: "▶"
}

.c-floatingNavi__game_oti span {
  display: block;
  font-size: calc(20 / 750 * 100vw);
  font-family: "ソフトゴシック M", "Soft Gothic Medium", sans-serif;
  font-weight: 700
}

.c-floatingNavi__game_oti b {
  color: #00b6a0
}

@media screen and (min-width:769px) {
  .c-floatingNavi_oti {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    top: 25%;
    bottom: auto;
    right: 40px;
    width: 152px;
    height: 360px;
    border-bottom: 0
  }

  .c-floatingNavi_oti li {
    position: relative;
    -ms-flex-preferred-size: 152px;
    flex-basis: 152px;
    max-width: 152px
  }

  .c-floatingNavi_oti li:before {
    top: -20px;
    right: 0
  }

  .c-floatingNavi_oti a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-preferred-size: 152px;
    flex-basis: 152px;
    min-width: 152px;
    height: 152px;
    line-height: 1.1739130435;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 -2px 0px 0px #006256;
    box-shadow: inset 0 -2px 0px 0px #006256;
    text-align: center;
    font-size: 1.1rem
  }

  .c-floatingNavi_oti a:after {
    top: auto;
    bottom: 15px;
    right: 0;
    left: 0;
    width: 25px;
    height: 25px;
    line-height: 1;
    -webkit-box-shadow: inset 2px 2px 0px 0px #006256;
    box-shadow: inset 2px 2px 0px 0px #006256;
    text-indent: 0;
    font-size: 0.9375rem
  }

  .c-floatingNavi__details_oti:before {
    -ms-flex-preferred-size: 48px;
    flex-basis: 48px;
    min-width: 48px;
    height: 67px;
    background: url("../images/img_oti_button.png") no-repeat center center;
    background-size: 48px auto
  }

  .c-floatingNavi__details_oti a {
    padding: 0
  }

  .c-floatingNavi__details_oti a:after {
    padding-top: 4px;
    text-indent: 2px;
    border-radius: 50%;
    background: #fff;
    color: #006256;
    content: "▶"
  }

  .c-floatingNavi__game_oti {
    display: none
  }

  .c-floatingNavi__game_oti:before {
    -ms-flex-preferred-size: 66px;
    flex-basis: 66px;
    min-width: 66px;
    height: 66px;
    background: url("../images/bg_floating_game.png") no-repeat center center;
    background-size: 66px auto
  }

  .c-floatingNavi__game_oti a {
    padding: 0;
    border: 2px solid #006256
  }

  .c-floatingNavi__game_oti a:after {
    border-radius: 50%;
    background: #00b6a0;
    text-indent: 2px;
    color: #fff;
    content: "▶"
  }

  .c-floatingNavi__game_oti span {
    display: block;
    font-size: 0.9375rem;
    font-family: "ソフトゴシック M", "Soft Gothic Medium", sans-serif;
    font-weight: 700
  }

  .c-floatingNavi__game_oti b {
    color: #00b6a0
  }
}

.c-shareList_oti {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.c-shareList_oti dt {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  min-width: 100%;
  height: calc(38 / 750 * 100vw);
  margin: 0 calc(42 / 750 * 100vw);
  text-align: center
}

.c-shareList_oti dt img {
  display: block;
  width: auto;
  height: 100%;
  margin: auto
}

.c-shareList_oti dd {
  -ms-flex-preferred-size: calc(70 / 750 * 100vw);
  flex-basis: calc(70 / 750 * 100vw);
  max-width: calc(70 / 750 * 100vw);
  margin: calc(40 / 750 * 100vw) calc(17 / 750 * 100vw) 0
}

@media screen and (min-width:769px) {
  .c-shareList_oti {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .c-shareList_oti dt {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    min-width: 100%;
    height: 38px;
    margin: 0;
    text-align: center
  }

  .c-shareList_oti dt img {
    display: block;
    width: auto;
    height: 100%;
    margin: auto
  }

  .c-shareList_oti dd {
    -ms-flex-preferred-size: 70px;
    flex-basis: 70px;
    max-width: 70px;
    margin: 40px 17px 0
  }

  .c-shareList_oti dd.c-shareList--line_oti {
    display: none
  }
}

@media screen and (min-width:769px) {
  .c-contents {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 20px
  }
}

.c-card_oti {
  position: relative;
  border: calc(4 / 750 * 100vw) solid #000;
  border-radius: calc(30 / 750 * 100vw);
  background: #fff
}

.c-card_oti:after,
.c-card_oti:before {
  position: absolute
}

.c-card_oti:before {
  top: calc(6 / 750 * 100vw);
  left: calc(6 / 750 * 100vw);
  width: calc(52 / 750 * 100vw);
  height: calc(52 / 750 * 100vw);
  border: calc(4 / 750 * 100vw) solid #000;
  border-color: #000 #fff #fff #fff;
  border-radius: calc(30 / 750 * 100vw);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  content: "";
  pointer-events: none
}

.c-card_oti:after {
  bottom: calc(6 / 750 * 100vw);
  right: calc(6 / 750 * 100vw);
  width: 93.5%;
  max-width: calc(600 / 750 * 100vw);
  height: 90%;
  max-height: calc(400 / 750 * 100vw);
  border-right: calc(4 / 750 * 100vw) solid #000;
  border-bottom: calc(4 / 750 * 100vw) solid #000;
  border-radius: 0 0 calc(25 / 750 * 100vw) 0;
  content: "";
  pointer-events: none
}

@media screen and (min-width:769px) {
  .c-card_oti {
    position: relative;
    border: 4px solid #000;
    border-radius: 20px;
    background: #fff
  }

  .c-card_oti:after,
  .c-card_oti:before {
    position: absolute
  }

  .c-card_oti:before {
    top: 3px;
    left: 3px;
    width: 35px;
    height: 35px;
    border: 3px solid #000;
    border-color: #000 #fff #fff #fff;
    border-radius: 50%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    content: ""
  }

  .c-card_oti:after {
    bottom: 3px;
    right: 3px;
    width: 93%;
    max-width: none;
    height: 90%;
    max-height: 400px;
    border-right: 3px solid #000;
    border-bottom: 3px solid #000;
    border-radius: 0 0 13px 0;
    content: ""
  }
}

.c-button_oti {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: calc(16 / 750 * 100vw) 10px;
  background: #333;
  -webkit-box-shadow: inset 0px calc(-6 / 750 * 100vw) 0px 0px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px calc(-6 / 750 * 100vw) 0px 0px rgba(0, 0, 0, 0.1);
  border-radius: 1000px;
  color: #fff;
  font-size: calc(28 / 750 * 100vw);
  font-family: "ソフトゴシック M", "Soft Gothic Medium", sans-serif;
  font-weight: 700
}

.c-button_oti:link,
.c-button_oti:visited {
  color: #fff
}

.c-button_oti:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: calc(24 / 750 * 100vw);
  width: 1em;
  height: 1em;
  line-height: 1;
  margin: auto;
  content: "▶";
  font-family: "CONDENSEicon";
  font-size: calc(24 / 750 * 100vw)
}

.c-button_oti.bottom_oti:after {
  content: "▶"
}

.c-button_oti.green_oti {
  background: #00b6a0;
  -webkit-box-shadow: inset 0px calc(-8 / 750 * 100vw) 0px 0px rgb(0, 98, 86);
  box-shadow: inset 0px calc(-8 / 750 * 100vw) 0px 0px rgb(0, 98, 86)
}

.c-button_oti.red_oti {
  background: #eb837a;
  -webkit-box-shadow: inset 0px calc(-8 / 750 * 100vw) 0px 0px rgb(200, 25, 9);
  box-shadow: inset 0px calc(-8 / 750 * 100vw) 0px 0px rgb(200, 25, 9)
}

.c-squareButton_oti {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: auto;
  border: 1px solid #000;
  background: #fff;
  font-size: calc(26 / 750 * 100vw)
}

.c-squareButton_oti:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: calc(24 / 750 * 100vw);
  width: 1em;
  height: 1em;
  line-height: 1;
  margin: auto;
  content: "▶";
  font-family: "CONDENSEicon";
  font-size: calc(24 / 750 * 100vw)
}

@media screen and (min-width:769px) {
  .c-button_oti {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 16px 10px 20px;
    background: #333;
    -webkit-box-shadow: inset 0px -4px 0px 0px rgb(0, 0, 0);
    box-shadow: inset 0px -4px 0px 0px rgb(0, 0, 0);
    border-radius: 1000px;
    color: #fff;
    font-size: 1.25rem;
    font-family: "ソフトゴシック M", "Soft Gothic Medium", sans-serif;
    font-weight: 700
  }

  .c-button_oti:link,
  .c-button_oti:visited {
    color: #fff
  }

  .c-button_oti:after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 24px;
    width: 1em;
    height: 1em;
    line-height: 1;
    margin: auto;
    content: "▶";
    font-family: "CONDENSEicon";
    font-size: 1rem
  }

  .c-button_oti.bottom_oti:after {
    content: "▶"
  }

  .c-button_oti.green_oti {
    padding-bottom: 24px;
    background: #00b6a0;
    -webkit-box-shadow: inset 0px -8px 0px 0px rgb(0, 98, 86);
    box-shadow: inset 0px -8px 0px 0px rgb(0, 98, 86)
  }

  .c-button_oti.red_oti {
    background: #eb837a;
    -webkit-box-shadow: inset 0px -8px 0px 0px rgb(200, 25, 9);
    box-shadow: inset 0px -8px 0px 0px rgb(200, 25, 9)
  }
}

.c-modal_oti {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  will-change: opacity;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  pointer-events: none
}

.c-modal_oti.is-open_oti .c-modal__close_oti {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg)
}

.c-modal__inner_oti {
  position: relative;
  z-index: 2;
  max-height: 100%;
  overflow: auto;
  padding: calc(100 / 750 * 100vw) calc(20 / 750 * 100vw)
}

.c-modal__close_oti {
  position: absolute;
  top: calc(20 / 750 * 100vw);
  right: calc(20 / 750 * 100vw);
  width: calc(48 / 750 * 100vw);
  height: calc(48 / 750 * 100vw);
  overflow: hidden;
  background: url("../images/btn_close.png") no-repeat 0 0;
  background-size: 100% auto;
  text-indent: -999em;
  -webkit-transform: rotateY(90deg);
  transform: rotateY(90deg);
  will-change: transform;
  -webkit-transition: -webkit-transform 0.4s 0.4s ease-in-out;
  transition: -webkit-transform 0.4s 0.4s ease-in-out;
  transition: transform 0.4s 0.4s ease-in-out;
  transition: transform 0.4s 0.4s ease-in-out, -webkit-transform 0.4s 0.4s ease-in-out
}

.c-modalOverlay_oti {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5)
}

@media screen and (min-width:769px) {
  .c-modal__inner_oti {
    overflow: visible;
    padding: 100px 20px
  }

  .c-modal__close_oti {
    position: absolute;
    top: 40px;
    right: 20px;
    width: 48px;
    height: 48px
  }
}

.c-safety_oti.is-open_oti .c-safety__inner_oti {
  pointer-events: all
}

.c-safety__inner_oti {
  position: relative;
  height: 75vh;
  overflow: auto;
  padding: calc(60 / 750 * 100vw) calc(40 / 750 * 100vw);
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-box-shadow: 0 5px 0 #fceae8, 0 -5px 0 #fceae8;
  box-shadow: 0 5px 0 #fceae8, 0 -5px 0 #fceae8;
  background: #fceae8
}

.c-safety__title_oti {
  text-align: center;
  letter-spacing: 0.06em;
  font-weight: 700;
  font-size: calc(48 / 750 * 100vw);
  font-family: "ソフトゴシック M", "Soft Gothic Medium", sans-serif
}

.c-safety__heading_oti {
  margin-top: calc(30 / 750 * 100vw);
  font-weight: 700;
  font-size: calc(35 / 750 * 100vw);
  font-family: "ソフトゴシック M", "Soft Gothic Medium", sans-serif
}

.c-safety__heading_oti:before {
  display: inline-block;
  width: calc(42 / 750 * 100vw);
  height: calc(39 / 750 * 100vw);
  margin-right: calc(10 / 750 * 100vw);
  margin-bottom: calc(-5 / 750 * 100vw);
  background: url("../images/top/icon_attention.png") no-repeat 0 0;
  background-size: 100% auto;
  content: ""
}

.c-safety__heading_oti.-noIcon_oti:before {
  display: none
}

.c-safetyList_oti li {
  position: relative;
  line-height: 1.9230769231;
  padding-left: 1.5em;
  font-size: calc(26 / 750 * 100vw)
}

.c-safetyList_oti li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "●"
}

@media screen and (min-width:769px) {
  .c-safety__inner_oti {
    max-width: 820px;
    padding: 40px 60px;
    border-top: 4px solid #fff;
    border-bottom: 4px solid #fff;
    -webkit-box-shadow: 0 10px 0 #fceae8, 0 -10px 0 #fceae8;
    box-shadow: 0 10px 0 #fceae8, 0 -10px 0 #fceae8;
    background: #fceae8
  }

  .c-safety__title_oti {
    text-align: center;
    letter-spacing: 0.06em;
    font-weight: 700;
    font-size: 2rem;
    font-family: "ソフトゴシック M", "Soft Gothic Medium", sans-serif
  }

  .c-safety__heading_oti {
    margin-top: 10px;
    font-weight: 700;
    font-size: 1.125rem;
    font-family: "ソフトゴシック M", "Soft Gothic Medium", sans-serif
  }

  .c-safety__heading_oti:before {
    width: 26px;
    height: 23px;
    margin-right: 10px;
    margin-bottom: -3px
  }

  .c-safetyList_oti li {
    line-height: 1.7142857143;
    padding-left: 1.5em;
    font-size: 0.875rem
  }
}

.c-productModal_oti.is-open_oti .c-productModal__inner_oti {
  pointer-events: all
}

.c-productModal__inner_oti {
  position: relative;
  padding: calc(70 / 750 * 100vw) calc(30 / 750 * 100vw);
  border: 1px solid #000;
  background: #fff;
  pointer-events: none
}

.c-productModal__title_oti {
  text-align: center;
  font-size: calc(32 / 750 * 100vw);
  font-weight: 700;
  font-family: "ソフトゴシック M", "Soft Gothic Medium", sans-serif
}

.c-productModal__note_oti {
  line-height: 1.6666666667;
  margin-top: calc(30 / 750 * 100vw);
  font-size: calc(24 / 750 * 100vw)
}

.c-productModal__note_oti li {
  position: relative;
  padding-left: 1.25em
}

.c-productModal__note_oti li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "●"
}

@media screen and (min-width:769px) {
  .c-productModal__inner_oti {
    max-width: 820px;
    padding: 40px 60px;
    border: 2px solid #000
  }

  .c-productModal__inner_oti p {
    font-size: 0.875rem
  }

  .c-productModal__title_oti {
    font-size: 2rem
  }

  .c-productModal__note_oti {
    line-height: 1.7142857143;
    margin-top: 30px;
    font-size: 0.875rem
  }
}

.c-product_oti {
  position: relative;
  padding: calc(80 / 750 * 100vw) 0 calc(95 / 750 * 100vw);
  background: #9acec9
}

.c-product_oti:after,
.c-product_oti:before {
  position: absolute;
  left: 0;
  right: 0;
  width: calc(730 / 750 * 100vw);
  height: calc(4 / 750 * 100vw);
  margin: auto;
  background: #9acec9;
  content: ""
}

.c-product_oti:before {
  top: calc(-10 / 750 * 100vw)
}

.c-product_oti:after {
  bottom: calc(-10 / 750 * 100vw)
}

.c-product__title_oti svg {
  display: block;
  width: calc(270 / 750 * 100vw);
  height: auto;
  margin: auto;
  fill: #fff
}

.c-product__title_oti span {
  display: block;
  color: #fff;
  text-align: center;
  letter-spacing: 0.06em;
  font-size: calc(32 / 750 * 100vw)
}

@media screen and (min-width:769px) {
  .c-product_oti {
    position: relative;
    padding: 80px 95px;
    background: #9acec9
  }

  .c-product_oti:after,
  .c-product_oti:before {
    position: absolute;
    left: 0;
    right: 0;
    width: 93.5vw;
    height: 4px;
    margin: auto;
    background: #9acec9;
    content: ""
  }

  .c-product_oti:before {
    top: -10px
  }

  .c-product_oti:after {
    bottom: -10px
  }

  .c-product__title_oti svg {
    width: 216px
  }

  .c-product__title_oti span {
    font-size: 1.625rem
  }
}

.c-productImage_oti {
  position: relative;
  width: calc(650 / 750 * 100vw);
  margin: calc(20 / 750 * 100vw) auto 0;
  padding: calc(60 / 750 * 100vw) calc(60 / 750 * 100vw) calc(80 / 750 * 100vw)
}

.c-productImage_oti img {
  width: calc(450 / 750 * 100vw)
}

.c-productImage_oti>span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  z-index: 2;
  font-size: calc(21.6 / 750 * 100vw)
}

.c-productImage_oti>span b {
  font-size: calc(36 / 750 * 100vw)
}

.c-productImage_oti .width_oti {
  bottom: 0;
  left: calc(60 / 750 * 100vw);
  width: calc(450 / 750 * 100vw)
}

.c-productImage_oti .width_oti:before {
  width: calc(166 / 750 * 100vw);
  height: calc(30 / 750 * 100vw);
  background: url("../images/bg_arrow_left.png") no-repeat 0 center;
  background-size: 100% auto;
  content: ""
}

.c-productImage_oti .width_oti:after {
  width: calc(166 / 750 * 100vw);
  height: calc(30 / 750 * 100vw);
  background: url("../images/bg_arrow_right.png") no-repeat 0 center;
  background-size: 100% auto;
  content: ""
}

.c-productImage_oti .width_oti span {
  margin: 0 calc(16 / 750 * 100vw)
}

.c-productImage_oti .height_oti {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  top: calc(70 / 750 * 100vw);
  right: calc(25 / 750 * 100vw);
  height: calc(322 / 750 * 100vw)
}

.c-productImage_oti .height_oti:before {
  width: calc(30 / 750 * 100vw);
  height: calc(114 / 750 * 100vw);
  background: url("../images/bg_arrow_top.png") no-repeat 0 center;
  background-size: auto 100%;
  content: ""
}

.c-productImage_oti .height_oti:after {
  width: calc(30 / 750 * 100vw);
  height: calc(114 / 750 * 100vw);
  background: url("../images/bg_arrow_bottom.png") no-repeat 0 center;
  background-size: auto 100%;
  content: ""
}

.c-productImage_oti .height_oti span {
  margin: calc(16 / 750 * 100vw) 0
}

.c-productPrice_oti {
  margin-top: calc(60 / 750 * 100vw);
  text-align: center;
  letter-spacing: 0.06em;
  font-size: calc(40 / 750 * 100vw);
  font-family: "ソフトゴシック DB", "Soft Gothic DemiBold", sans-serif;
  font-weight: 700
}

.c-productSpec_oti {
  line-height: 1.6666666667;
  margin-top: calc(10 / 750 * 100vw);
  padding: 0 calc(50 / 750 * 100vw);
  color: #fff;
  letter-spacing: 0.06em;
  font-size: calc(24 / 750 * 100vw)
}

.c-productSpec_oti li {
  text-indent: calc(-110 / 750 * 100vw);
  padding-left: calc(110 / 750 * 100vw)
}

.c-productSpec__note_oti {
  line-height: 1.6666666667;
  padding: 0 calc(50 / 750 * 100vw);
  color: #fff;
  letter-spacing: 0.06em;
  font-size: calc(24 / 750 * 100vw)
}

@media screen and (min-width:769px) {
  .c-productInfo_oti {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 435px 1fr;
    grid-template-columns: 435px 1fr;
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
    width: 920px;
    margin-left: auto;
    margin-right: auto
  }

  .c-productInfo_oti>:first-child {
    -ms-grid-row: 1;
    -ms-grid-column: 1
  }

  .c-productInfo_oti>:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2
  }

  .c-productInfo_oti>:nth-child(3) {
    -ms-grid-row: 2;
    -ms-grid-column: 1
  }

  .c-productInfo_oti>:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 2
  }

  .c-productInfo_oti>:nth-child(5) {
    -ms-grid-row: 3;
    -ms-grid-column: 1
  }

  .c-productInfo_oti>:nth-child(6) {
    -ms-grid-row: 3;
    -ms-grid-column: 2
  }

  .c-productImage_oti {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 50px 60px 40px 70px
  }

  .c-productImage_oti img {
    width: 243px
  }

  .c-productImage_oti>span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    z-index: 2;
    font-size: 0.75rem
  }

  .c-productImage_oti>span b {
    font-size: 1.25rem
  }

  .c-productImage_oti .width_oti {
    bottom: 0;
    left: 70px;
    width: 243px
  }

  .c-productImage_oti .width_oti:before {
    width: 89px;
    height: 16px;
    background: url("../images/bg_arrow_left.png") no-repeat 0 center;
    background-size: 100% auto;
    content: ""
  }

  .c-productImage_oti .width_oti:after {
    width: 89px;
    height: 16px;
    background: url("../images/bg_arrow_right.png") no-repeat 0 center;
    background-size: 100% auto;
    content: ""
  }

  .c-productImage_oti .width_oti span {
    margin: 0 8px
  }

  .c-productImage_oti .height_oti {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    top: 55px;
    right: 55px;
    height: 173px
  }

  .c-productImage_oti .height_oti:before {
    width: 16px;
    height: 61px;
    background: url("../images/bg_arrow_top.png") no-repeat 0 center;
    background-size: auto 100%;
    content: ""
  }

  .c-productImage_oti .height_oti:after {
    width: 16px;
    height: 61px;
    background: url("../images/bg_arrow_bottom.png") no-repeat 0 center;
    background-size: auto 100%;
    content: ""
  }

  .c-productImage_oti .height_oti span {
    margin: 16px 0
  }

  .c-productPrice_oti {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    margin-top: 45px;
    text-align: left;
    font-size: 1.625rem
  }

  .c-productSpec_oti {
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    -ms-grid-column: 2 !important;
    line-height: 1.75;
    margin-top: -7px;
    padding: 0;
    color: #fff;
    letter-spacing: 0.06em;
    font-size: 1rem
  }

  .c-productSpec_oti li {
    text-indent: -80px;
    padding-left: 80px
  }

  .c-productSpec_oti .c-productSpec__note_oti {
    line-height: 1.6666666667;
    padding: 0;
    color: #fff;
    letter-spacing: 0.06em;
    font-size: 1rem;
    text-indent: 0;
    padding-left: 0
  }

  .c-productSpec_oti .c-productSpec__note_oti small {
    font-size: inherit
  }
}

.c-single_oti {
  width: calc(650 / 750 * 100vw);
  margin: calc(50 / 750 * 100vw) auto 0;
  padding: calc(30 / 750 * 100vw) 0 calc(46 / 750 * 100vw);
  background: #fff;
  border-radius: calc(30 / 750 * 100vw);
  border: calc(4 / 750 * 100vw) solid #00b6a0
}

.c-single_oti .c-single__picture_oti {
  width: calc(628 / 750 * 100vw);
  margin-top: calc(-90 / 750 * 100vw)
}

.c-single_oti .c-button_oti {
  width: calc(590 / 750 * 100vw);
  height: calc(128 / 750 * 100vw);
  margin: calc(20 / 750 * 100vw) auto 0;
  font-size: calc(40 / 750 * 100vw)
}

.c-single_oti .c-button_oti:before {
  position: relative;
  width: calc(72 / 750 * 100vw);
  height: calc(98 / 750 * 100vw);
  margin-left: calc(-40 / 750 * 100vw);
  margin-right: calc(18 / 750 * 100vw);
  background: url("../images/img_oti_button.png") no-repeat 0 0;
  background-size: 100% auto;
  content: ""
}

.c-single_oti .c-button_oti:after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  right: calc(40 / 750 * 100vw);
  width: calc(40 / 750 * 100vw);
  height: calc(40 / 750 * 100vw);
  border-radius: 1000px;
  background: #fff;
  -webkit-box-shadow: inset 0px calc(2 / 750 * 100vw) 0px 0px #006256;
  box-shadow: inset 0px calc(2 / 750 * 100vw) 0px 0px #006256;
  color: #006256;
  content: "▶"
}

.c-single__colors_oti p {
  text-align: center;
  letter-spacing: 0.06em;
  font-size: calc(24 / 750 * 100vw);
  font-weight: 700;
  font-family: "ソフトゴシック M", "Soft Gothic Medium", sans-serif
}

.c-single__colors_oti img {
  width: calc(454 / 750 * 100vw);
  margin: calc(6 / 750 * 100vw) auto 0
}

.c-single__note_oti {
  margin-top: calc(6 / 750 * 100vw)
}

.c-single__note_oti small {
  display: block;
  text-align: center;
  font-size: calc(24 / 750 * 100vw);
  font-weight: 700;
  font-family: "ソフトゴシック M", "Soft Gothic Medium", sans-serif
}

@media screen and (min-width:769px) {
  .c-single_oti {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 386px 1fr;
    grid-template-columns: 386px 1fr;
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
    width: 800px;
    margin: 65px auto 0;
    padding: 30px 20px 0 0;
    background: #fff;
    border-radius: 30px;
    border: 4px solid #00b6a0
  }

  .c-single_oti>:first-child {
    -ms-grid-row: 1;
    -ms-grid-column: 1
  }

  .c-single_oti>:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2
  }

  .c-single_oti>:nth-child(3) {
    -ms-grid-row: 2;
    -ms-grid-column: 1
  }

  .c-single_oti>:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 2
  }

  .c-single_oti>:nth-child(5) {
    -ms-grid-row: 3;
    -ms-grid-column: 1
  }

  .c-single_oti>:nth-child(6) {
    -ms-grid-row: 3;
    -ms-grid-column: 2
  }

  .c-single_oti .c-single__picture_oti {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    grid-row: 1/4;
    width: 386px;
    margin: -45px -25px 0 auto
  }

  .c-single_oti .c-button_oti {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    width: 360px;
    height: 78px;
    margin: auto 10px 0;
    font-size: 1.5rem
  }

  .c-single_oti .c-button_oti:before {
    position: relative;
    width: 42px;
    height: 58px;
    margin-left: -20px;
    margin-right: 18px;
    background: url("../images/img_oti_button.png") no-repeat 0 0;
    background-size: 100% auto;
    content: ""
  }

  .c-single_oti .c-button_oti:after {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    right: 25px;
    width: 24px;
    height: 24px;
    border-radius: 1000px;
    background: #fff;
    -webkit-box-shadow: inset 0px 2px 0px 0px #006256;
    box-shadow: inset 0px 2px 0px 0px #006256;
    color: #006256;
    content: "▶"
  }

  .c-single__colors_oti p {
    text-align: center;
    letter-spacing: 0.06em;
    font-size: 0.875rem;
    font-weight: 700;
    font-family: "ソフトゴシック M", "Soft Gothic Medium", sans-serif
  }

  .c-single__colors_oti img {
    width: 217px;
    margin: 6px auto 0
  }

  .c-single__note_oti {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
    margin-top: 6px
  }

  .c-single__note_oti small {
    display: block;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 700;
    font-family: "ソフトゴシック M", "Soft Gothic Medium", sans-serif
  }
}

.c-omatome_oti {
  width: calc(650 / 750 * 100vw);
  margin: calc(60 / 750 * 100vw) auto 0;
  padding: calc(40 / 750 * 100vw) calc(30 / 750 * 100vw) calc(60 / 750 * 100vw);
  background: #fff;
  border-radius: calc(30 / 750 * 100vw);
  border: calc(4 / 750 * 100vw) solid #eb837a
}

.c-omatome_oti .c-squareButton_oti {
  width: calc(520 / 750 * 100vw);
  height: calc(100 / 750 * 100vw);
  margin: calc(30 / 750 * 100vw) auto 0
}

.c-omatome_oti .c-omatome__picture_oti {
  margin-bottom: calc(-50 / 750 * 100vw)
}

.c-omatome__title_oti {
  position: relative;
  z-index: 2;
  margin-top: calc(14 / 750 * 100vw);
  margin-bottom: calc(-50 / 750 * 100vw);
  text-align: center;
  font-size: calc(42 / 750 * 100vw);
  font-weight: 700;
  font-family: "ソフトゴシック M", "Soft Gothic Medium", sans-serif
}

.c-omatome__title_oti b {
  color: #f2948c
}

.c-omatome__title_oti span {
  position: relative;
  font-weight: inherit;
  font-size: inherit
}

.c-omatome__title_oti img {
  display: inline-block;
  position: absolute;
  top: calc(-100 / 750 * 100vw);
  left: calc(30 / 750 * 100vw);
  width: calc(104 / 750 * 100vw);
  max-width: calc(104 / 750 * 100vw);
  height: calc(92 / 750 * 100vw)
}

.c-omatome__list_oti {
  margin-top: calc(20 / 750 * 100vw)
}

.c-omatome__list_oti dt {
  text-align: center;
  padding-bottom: calc(4 / 750 * 100vw);
  border-bottom: calc(2 / 750 * 100vw) dashed #006256;
  font-weight: 700;
  font-family: "ソフトゴシック M", "Soft Gothic Medium", sans-serif
}

.c-omatome__list_oti dt span {
  font-weight: inherit;
  position: relative
}

.c-omatome__list_oti dt span:before {
  position: absolute;
  top: calc(-6 / 750 * 100vw);
  left: 0;
  width: 100%;
  line-height: 0;
  color: #f2948c;
  font-weight: 700;
  font-size: calc(26 / 750 * 100vw);
  content: "・"
}

.c-omatome__list_oti dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding: calc(20 / 750 * 100vw) 0 calc(24 / 750 * 100vw) calc(24 / 750 * 100vw);
  border-bottom: calc(2 / 750 * 100vw) dashed #006256
}

.c-omatome__list_oti dd img {
  -ms-flex-preferred-size: calc(248 / 750 * 100vw);
  flex-basis: calc(248 / 750 * 100vw);
  max-width: calc(248 / 750 * 100vw)
}

.c-omatome__list_oti dd p {
  line-height: 1.3;
  padding-left: calc(20 / 750 * 100vw);
  letter-spacing: 0;
  font-size: calc(40 / 750 * 100vw);
  font-weight: 700;
  font-family: "ソフトゴシック M", "Soft Gothic Medium", sans-serif
}

.c-omatome__list_oti dd p span {
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit
}

.c-omatome__list_oti dd p .tax {
  font-size: calc(20 / 750 * 100vw);
  font-weight: 700;
  font-family: "ソフトゴシック M", "Soft Gothic Medium", sans-serif
}

.c-omatome__list_oti+p {
  margin-top: calc(4 / 750 * 100vw);
  text-align: center;
  font-size: calc(26 / 750 * 100vw);
  font-weight: 700;
  font-family: "ソフトゴシック M", "Soft Gothic Medium", sans-serif
}

@media screen and (min-width:769px) {
  .c-omatome_oti {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 414px;
    grid-template-columns: 1fr 414px;
    grid-auto-rows: auto auto auto auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 800px;
    margin: 60px auto 0;
    padding: 15px 30px 60px;
    background: #fff;
    border-radius: 30px;
    border: 4px solid #eb837a
  }

  .c-omatome_oti .c-omatome__picture_oti {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    grid-row: 2/4;
    margin-bottom: 0
  }

  .c-omatome_oti .c-squareButton_oti {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    grid-row: 4/5;
    width: 500px;
    height: 70px;
    margin: 25px auto 0;
    border-width: 2px;
    font-size: 1.25rem;
    font-weight: 700;
    font-family: "ソフトゴシック M", "Soft Gothic Medium", sans-serif
  }

  .c-omatome_oti .c-squareButton_oti:after {
    right: 14px;
    font-size: 1.25rem
  }

  .c-omatome__title_oti {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    margin-top: 14px;
    margin-bottom: 0;
    text-align: center;
    font-size: 3rem;
    font-weight: 700;
    font-family: "ソフトゴシック M", "Soft Gothic Medium", sans-serif
  }

  .c-omatome__title_oti b {
    color: #f2948c
  }

  .c-omatome__title_oti span {
    position: relative;
    font-weight: inherit;
    font-size: inherit
  }

  .c-omatome__title_oti img {
    display: inline-block;
    position: absolute;
    top: -100px;
    left: 15px;
    width: 104px;
    max-width: 104px;
    height: 92px
  }

  .c-omatome__list_oti {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    margin-top: 15px
  }

  .c-omatome__list_oti dt {
    text-align: left;
    padding-bottom: 4px;
    border-bottom: 2px dashed #006256;
    font-size: 1.25rem;
    font-weight: 700;
    font-family: "ソフトゴシック M", "Soft Gothic Medium", sans-serif
  }

  .c-omatome__list_oti dt span {
    font-weight: inherit;
    position: relative
  }

  .c-omatome__list_oti dt span:before {
    position: absolute;
    top: -6px;
    left: 0;
    width: 100%;
    line-height: 0;
    color: #f2948c;
    font-weight: 700;
    font-size: 1.25rem;
    content: "・"
  }

  .c-omatome__list_oti dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 16px 0;
    border-bottom: 2px dashed #006256
  }

  .c-omatome__list_oti dd img {
    -ms-flex-preferred-size: 173px;
    flex-basis: 173px;
    max-width: 173px
  }

  .c-omatome__list_oti dd p {
    line-height: 1.1428571429;
    padding-left: 30px;
    letter-spacing: 0;
    font-size: 1.75rem;
    font-weight: 700;
    font-family: "ソフトゴシック M", "Soft Gothic Medium", sans-serif
  }

  .c-omatome__list_oti dd p span {
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit
  }

  .c-omatome__list_oti dd p .tax {
    font-size: 0.875rem;
    font-weight: 700;
    font-family: "ソフトゴシック M", "Soft Gothic Medium", sans-serif
  }

  .c-omatome__list_oti+p {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
    margin-top: 4px;
    text-align: left;
    font-size: 1.25rem;
    font-weight: 700;
    font-family: "ソフトゴシック M", "Soft Gothic Medium", sans-serif
  }
}

.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: none
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto
}

.slick-track:after,
.slick-track:before {
  content: "";
  display: table
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none
}

[dir=rtl] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-arrow.slick-hidden {
  display: none
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%
}

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%
}