@charset "UTF-8";
a, button, html, input {
  -webkit-tap-highlight-color: transparent
}

dl, ol, p, pre, ul {
  margin-top: 0;
  margin-bottom: 1rem
}

address, dl, ol, p, pre, ul {
  margin-bottom: 1rem
}

pre, textarea {
  overflow: auto
}

dd, label, legend {
  margin-bottom: .5rem
}

address, legend {
  line-height: inherit
}

.android .iosUser, .ios .androidUser, [hidden] {
  display: none!important
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
  display: block
}

ol, ul {
  list-style: none
}

a, a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
  text-decoration: none;
  color: inherit
}

body, caption, th {
  text-align: left
}

label, output {
  display: inline-block
}

.remodal, html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

html {
  -ms-overflow-style: scrollbar
}

@-ms-viewport {
  width: device-width
}

body {
  background-color: #fff
}

[tabindex="-1"]:focus {
  outline: 0!important
}

abbr[data-original-title], abbr[title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0
}

ol ol, ol ul, ul ol, ul ul {
  margin-bottom: 0
}

dd {
  margin-left: 0
}

a:not([href]):not([tabindex]):focus {
  outline: 0
}

pre {
  -ms-overflow-style: scrollbar
}

caption {
  padding-top: .75rem;
  padding-bottom: .75rem;
  color: #999;
  caption-side: bottom
}

button:focus {
  outline: dotted 1px;
  outline: -webkit-focus-ring-color auto 5px
}

[type=submit]::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none
}

input[type=radio], input[type=checkbox] {
  box-sizing: border-box;
  padding: 0
}

input[type=date], input[type=time], input[type=datetime-local], input[type=month] {
  -webkit-appearance: listbox
}

legend {
  width: 100%;
  font-size: 1.5rem
}

::-webkit-file-upload-button {
  -webkit-appearance: button
}


/*! destyle.css v3.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.css */

*, ::after, ::before {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0
}

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

dt {
  font-weight: 700
}

hr {
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit
}

embed, iframe, img, object, svg {
  vertical-align: bottom
}

button, input, optgroup, select, textarea {
  -webkit-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: 0 0;
  padding: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit
}

[type=checkbox] {
  -webkit-appearance: checkbox;
  appearance: checkbox
}

[type=radio] {
  -webkit-appearance: radio;
  appearance: radio
}

[type=submit], [type=button], [type=reset], button, label[for] {
  cursor: pointer
}

[type=submit]:disabled, [type=button]:disabled, [type=reset]:disabled, button:disabled {
  cursor: default
}

:-moz-focusring {
  outline: auto
}

select:disabled {
  opacity: inherit
}

option {
  padding: 0
}

fieldset {
  min-width: 0
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

[contenteditable]:focus {
  outline: auto
}

th {
  font-weight: 700
}

@media screen and (max-width:767px) {
  body {
    font-size: 14px
  }
}

@media screen and (min-width:768px) {
  .header_inner, section.feature {
    text-align: center;
    max-width: 100%
  }
  .header_inner, .main {
    position: relative
  }
  body {
    margin: 0
  }
  .pc-on {
    display: block
  }
  .pc-on.inline {
    display: inline-block
  }
  .sp-on {
    display: none!important
  }
  a {
    transition: .3s
  }
  a:hover {
    opacity: .7
  }
  .header_inner {
    width: 1080px;
    display: flex;
    justify-content: space-between;
    margin: 20px auto 0;
    z-index: 10
  }
  .header_inner img {
    margin: 0 10px
  }
  section.feature {
    width: 1080px;
    overflow: hidden;
    margin: 0 auto
  }
  .title, .title p {
    margin-bottom: 20px
  }
  .title h1 {
    border-bottom: none;
    display: flex;
    justify-content: center
  }
  .title p {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 1px;
    line-height: 1.5;
    margin-top: 20px;
    color: #333
  }
  .main img {
    max-width: 100%;
    height: auto
  }
}

@media screen and (min-width:768px) and (max-width:767px) {
  .main img {
    max-width: 260px;
    margin-left: auto;
    margin-right: auto
  }
}

@media screen and (min-width:768px) {
  .feature {
    position: relative
  }
  .footer {
    background: #fff;
    padding: 38px 0 10px
  }
  .footer__bottom {
    padding-bottom: 20px;
    max-width: 1038px;
    margin-left: auto;
    margin-right: auto
  }
  .footer__copyright {
    float: left;
    font-size: 10px;
    color: #333
  }
  .footer__links {
    float: right;
    font-size: 12px;
    margin-right: -10px
  }
  .footer__links a {
    color: #333;
    display: inline-block;
    background: url(../img/ico_newwindow.png.png) right center/contain no-repeat!important;
    padding-right: 23px;
    margin-right: 10px
  }
}

@media screen and (max-width:767px) {
  body, h1 {
    margin: 0
  }
  .header_inner, .main {
    position: relative
  }
  .sp-on {
    display: block
  }
  .sp-on.inline {
    display: inline-block
  }
  .pc-on {
    display: none!important
  }
  .footer__links, .header_inner {
    text-align: center;
    display: flex
  }
  body img {
    width: 100%
  }
  .header_inner {
    width: 95%;
    justify-content: space-between;
    margin: 10px auto 0;
    z-index: 100
  }
  .header_logo {
    width: 120px
  }
  .header_ylogo {
    width: 83px
  }
  .header_inner img {
    width: 100%
  }
  .contents__inner {
    padding: 0 30px
  }
  .contents h1 {
    padding: 0
  }
  .title {
    margin: 0 0 8px
  }
  .title h1 {
    border-bottom: none
  }
  .title img {
    width: 260px;
    display: block;
    margin-left: auto;
    margin-right: auto
  }
  .title p {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.5;
    color: #333;
    margin-top: 70px;
    text-align: center;
    margin-bottom: 16px
  }
  .footer {
    background: #fff;
    padding: 10px 0;
    margin: 0 auto
  }
  .footer__copyright {
    margin-top: 15px;
    font-size: 6px;
    color: #333;
    text-align: center
  }
  .footer__links {
    font-size: 10px;
    line-height: 1;
    justify-content: center;
    align-items: center
  }
  .footer__links a {
    color: #333;
    background: url(../img/ico_newwindow.png.png) right center/contain no-repeat;
    background-size: 14px;
    display: inline-block;
    padding: 4px 20px 4px 0
  }
  .footer__links span {
    display: block;
    height: 10px;
    margin-left: 10px;
    margin-right: 10px;
    border-right: 1px solid #232323
  }
}

audio, canvas, progress, video {
  display: inline-block
}


/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */

html {
  scroll-behavior: smooth;
  font-family: sans-serif;
  line-height: 1.15
}

h1 {
  font-size: 2em
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  visibility: hidden
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}

a:active, a:hover {
  outline-width: 0
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted
}

b, strong {
  font-weight: bolder
}

dfn {
  font-style: italic
}

mark {
  background-color: #ff0;
  color: #000
}

small {
  font-size: 80%
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

audio:not([controls]) {
  display: none;
  height: 0
}

svg:not(:root) {
  overflow: hidden
}

button, input, optgroup, select, textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button, input {
  overflow: visible
}

[type=submit], [type=reset], button, html [type=button] {
  -webkit-appearance: button
}

[type=submit]::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, button::-moz-focus-inner {
  padding: 0
}

[type=submit]:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, button:-moz-focusring {
  outline: ButtonText dotted 1px
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal
}

progress {
  vertical-align: baseline
}

textarea {
  resize: vertical
}

[type=radio], [type=checkbox] {
  box-sizing: border-box;
  padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  font: inherit
}

summary {
  cursor: pointer;
  display: list-item
}

.remodal, .remodal-overlay, .remodal-wrapper, [data-remodal-id], [hidden], template {
  display: none
}

html.remodal-is-locked {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none
}

.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  background: rgba(43, 46, 56, .9)
}

.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
  padding: 10px 10px 0
}

.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -.05em;
  content: ""
}

.remodal-overlay, .remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.remodal {
  position: relative;
  outline: 0;
  text-size-adjust: 100%;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 35px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  color: #2b2e38;
  background: #fff
}

.remodal-close, .remodal-close:before {
  width: 35px;
  position: absolute;
  top: 0;
  left: 0
}

.remodal-is-initialized {
  display: inline-block
}

.remodal-bg.remodal-is-opened, .remodal-bg.remodal-is-opening {
  -webkit-filter: blur(3px);
  filter: blur(3px)
}

.remodal-overlay.remodal-is-closing, .remodal-overlay.remodal-is-opening {
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes
}

.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes
}

.remodal.remodal-is-closing, .remodal.remodal-is-opening {
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes
}

.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes
}

.remodal, .remodal-wrapper:after {
  vertical-align: middle
}

.remodal-close {
  display: block;
  overflow: visible;
  height: 35px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-transition: color .2s;
  transition: color .2s;
  text-decoration: none;
  color: #95979c;
  border: 0;
  outline: 0;
  background: 0 0
}

.remodal-close:focus, .remodal-close:hover {
  color: #2b2e38
}

.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif!important;
  font-size: 25px;
  line-height: 35px;
  display: block;
  content: "\00d7";
  text-align: center
}

.remodal-cancel, .remodal-confirm {
  font: inherit;
  display: inline-block;
  overflow: visible;
  min-width: 110px;
  margin: 0;
  padding: 12px 0;
  cursor: pointer;
  -webkit-transition: background .2s;
  transition: background .2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 0;
  outline: 0
}

.remodal-confirm {
  color: #fff;
  background: #81c784
}

.remodal-confirm:focus, .remodal-confirm:hover {
  background: #66bb6a
}

.remodal-cancel {
  color: #fff;
  background: #e57373
}

.remodal-cancel:focus, .remodal-cancel:hover {
  background: #ef5350
}

.remodal-cancel::-moz-focus-inner, .remodal-close::-moz-focus-inner, .remodal-confirm::-moz-focus-inner {
  padding: 0;
  border: 0
}

@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0)
  }
}

@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0)
  }
}

@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
  to {
    -webkit-transform: scale(.95);
    transform: scale(.95);
    opacity: 0;
    -webkit-filter: blur(0);
    filter: blur(0)
  }
}

@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
  to {
    -webkit-transform: scale(.95);
    transform: scale(.95);
    opacity: 0;
    -webkit-filter: blur(0);
    filter: blur(0)
  }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1
  }
  to {
    opacity: 0
  }
}

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1
  }
  to {
    opacity: 0
  }
}

@media only screen and (min-width:641px) {
  .remodal {
    max-width: 700px
  }
}

.lt-ie9 .remodal-overlay {
  background: #2b2e38
}

.lt-ie9 .remodal {
  width: 700px
}

@font-face {
  font-family: GenJyuuGothicX-P;
  font-style: normal;
  font-weight: 500;
  src: url(../font/GenJyuuGothicX-P-Medium.woff) format("woff"), url(../font/GenJyuuGothicX-P-Medium.ttf) format("truetype");
  font-display: swap
}

@font-face {
  font-family: GenJyuuGothicX-P;
  font-style: normal;
  font-weight: 700;
  src: url(../font/GenJyuuGothicX-P-Bold.woff) format("woff"), url(../font/GenJyuuGothicX-P-Bold.ttf) format("truetype");
  font-display: swap
}

a, abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

html {
  font-size: 62.5%
}

body {
  font-family: ”GenJyuuGothicX-P, ヒラギノ丸ゴ Pro W4”, ”ヒラギノ丸ゴ Pro”, ”Hiragino Maru Gothic Pro”, ”ヒラギノ角ゴ Pro W3”, ”Hiragino Kaku Gothic Pro”, ”HG丸ｺﾞｼｯｸM-PRO”, ”HGMaruGothicMPRO”, “Lucida Grande”, “segoe UI”, Meiryo, Arial, sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: .04em;
  line-height: 1;
  color: #575757;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: url(../img/bg.png) 50% 0
}

body:after {
  position: absolute;
  display: block;
  top: 0;
  content: ""
}

@media screen and (min-width:768px) {
  body:after {
    left: 0;
    width: 100%;
    background: url(../img/bg_header.png) 50% 0/auto 100% no-repeat;
    height: 191px
  }
}

@media (min-width:768px) and (max-width:1000px) {
  body:after {
    background: url(../img/bg_header.png) 50% 0/768px auto no-repeat
  }
}

@media screen and (max-width:767px) {
  body:after {
    margin-left: 0;
    width: 100vw;
    height: 25vw;
    left: 0;
    background: url(../img/bg_header_sp.png) 50% 0/100% auto no-repeat
  }
}

button, input, select, textarea {
  font-family: inherit
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom
}

a:link, a:visited {
  color: #0096DB;
  text-decoration: none
}

a:active, a:hover {
  color: #0096DB;
  text-decoration: underline
}

a:hover img {
  opacity: .75
}

.btn-primary:hover, .dremimov_list_btn li a:focus, .dremimov_list_btn li a:hover, a.btn-primary:hover {
  opacity: .9
}

nav a:active, nav a:hover {
  text-decoration: none
}

input::-ms-clear {
  visibility: hidden
}

input::-ms-reveal {
  visibility: hidden
}

input:-webkit-autofill {
  box-shadow: 0 0 0 1000px #fff inset
}

a, button, input {
  -webkit-touch-callout: none
}

button, select {
  text-transform: none;
  cursor: pointer;
  background: 0 0
}

button {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

blockquote, q {
  quotes: none
}

blockquote::after, blockquote::before, q::after, q::before {
  content: "";
  content: none
}

address {
  font-style: normal
}

table {
  border-collapse: collapse
}

::selection {
  background: #ccecfb;
  color: #000
}

::-moz-selection {
  background: #ccecfb;
  color: #000
}

.siteId_img {
  width: 68px
}

.footerLogo_img {
  width: 136px
}

.headline {
  font-size: 3.7rem;
  line-height: 4.8rem;
  font-weight: 500
}

.headline-white {
  color: #fff
}

.headline-white-shadow {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .1)
}

.sectionTitle {
  font-size: 2.3rem;
  line-height: 2.4rem;
  font-weight: 700
}

.sectionTitle-colorMarch {
  color: #f7931d
}

.sectionTitle-lg {
  font-size: 2.5rem;
  line-height: 4.8rem
}

.sectionTitle-lg-lightGreen {
  color: #00ab4e
}

.paragraph {
  line-height: 2.4rem
}

.paragraph-fw700 {
  font-weight: 700
}

.paragraph-white {
  color: #fff
}

.paragraph-white-shadow {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .1)
}

.paragraph-green {
  color: #00652e
}

.paragraph-lightGreen {
  color: #00ab4e
}

.paragraph-lg {
  font-size: 1.6rem
}

.paragraph-sm {
  font-size: 1.1rem
}

.paragraph-cost {
  font-weight: 700;
  line-height: 4.8rem;
  letter-spacing: .08em;
  color: #00ab4e;
  text-shadow: 2px 0 2px #fbb03f, 0 2px 2px #fbb03f, -2px 0 2px #fbb03f, 0 -2px 2px #fbb03f
}

.paragraph-cost-xl {
  font-size: 3.7rem
}

.paragraph-cost-lg {
  font-size: 2.3rem
}

.thumbnail_caption {
  font-weight: 700;
  color: #00A0E9;
  font-size: 1.6rem;
  line-height: 2.4rem
}

.formLabel {
  line-height: 2.4rem;
  font-weight: 500
}

.copyright_small {
  font-size: 1.1rem;
  line-height: 2.4rem
}

@media (min-width:992px) {
  .headline {
    line-height: 6rem
  }
  .sectionTitle {
    line-height: 3rem
  }
  .sectionTitle-lg {
    line-height: 6rem
  }
  .paragraph {
    line-height: 3rem
  }
  .paragraph-lg {
    font-size: 1.8rem
  }
  .paragraph-sm {
    font-size: 1.3rem
  }
  .paragraph-cost {
    line-height: 6rem
  }
  .copyright_small, .formLabel {
    line-height: 3rem
  }
}

.spNav_ul {
  text-align: center
}

.spNav_ul .spNav_li+.spNav_li {
  margin-top: 12px
}

.spNav_ul .spNav_li .spNav_anchor {
  color: #fff;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 4.8rem;
  text-decoration: none;
  display: block;
  height: 48px;
  background: #00A0E9;
  transition: .3s
}

.icon, .overviewList_dd, .overviewList_dt, .overviewList_li {
  display: inline-block
}

.spNav_ul .spNav_li .spNav_anchor:hover {
  background: #33b3ed;
  color: rgba(255, 255, 255, .8);
  transition: .3s
}

.overviewList {
  letter-spacing: -.4em;
  margin: 0 -4px 0 -12px
}

.overviewList_li {
  letter-spacing: normal;
  margin-bottom: 1.2rem
}

.overviewList_li:not(:last-child) {
  margin-right: 1em
}

.overviewList_dt {
  width: 48px;
  background: #00ab4e;
  color: #fff;
  text-align: center
}

.checkmarkList_li {
  position: relative;
  padding-left: 24px
}

.checkmarkList_li::before {
  content: '';
  background: url(../img/icon_checkmarklist.svg) no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
  top: .3em;
  left: 0
}

.placeContent_li+.placeContent_li {
  margin-top: 36px
}

.placeContent_dt {
  background: #fffac6;
  padding: 0 10px
}

.placeContent_dd {
  margin-top: 12px
}

.statusIcon {
  background: #00A0E9;
  border-radius: 100px;
  padding: 0 10px;
  color: #fff;
  font-weight: 700;
  width: 100%;
  text-align: center;
  font-size: 1.3rem;
  transition: .2s
}

.statusIcon-tel {
  background: #db6d00
}

.statusIcon-full {
  background: #db0000
}

.statusIcon-putoff {
  background: #FFBF00
}

.statusIcon-finish {
  background: #FF8000
}

.icon {
  vertical-align: middle;
  transition: .3s
}

.icon-info {
  background: url(../img/icon_info.svg) no-repeat;
  width: 16px;
  height: 16px
}

.icon-map {
  background: url(../img/icon_map.svg) no-repeat;
  width: 11px;
  height: 16px
}

.icon-time {
  background: url(../img/icon_time.svg) no-repeat;
  width: 16px;
  height: 16px
}

.btn:hover, a.btn:hover {
  transition: .3s;
  background: #00A0E9;
  color: #fff;
  box-shadow: 0 0 12px 0 rgba(0, 160, 233, .04), 0 0 24px 0 rgba(0, 160, 233, .12)
}

.btn-primary, a.btn-primary {
  border: 1px solid #00A0E9;
  font-weight: 700;
  background: #00A0E9
}

.btn-primary-outline, a.btn-primary-outline {
  background: 0 0;
  color: #00A0E9
}

.btn-primary-outline:hover, a.btn-primary-outline:hover {
  background: #e6f6fd;
  color: #00A0E9
}

.spNavBtn .spNavBtn_anchor {
  background: rgba(255, 225, 0, .8);
  border-radius: 24px;
  position: relative;
  transition: .3s;
  display: block;
  width: 48px;
  height: 48px;
  border: 2px solid rgba(255, 255, 255, .8)
}

.spNavBtn .spNavBtn_anchor::after, .spNavBtn .spNavBtn_anchor::before {
  position: absolute;
  content: '';
  width: 32px;
  left: 6px
}

.spNavBtn .spNavBtn_anchor:hover {
  background: rgba(255, 225, 0, .9);
  transition: .3s
}

.spNavBtn .spNavBtn_anchor::before {
  height: 14px;
  border-top: 2px solid rgba(255, 255, 255, .8);
  border-bottom: 2px solid rgba(255, 255, 255, .8);
  top: 13px
}

.spNavBtn .spNavBtn_anchor::after {
  background: rgba(255, 255, 255, .8);
  height: 2px;
  bottom: 21px
}

.container {
  overflow-x: hidden
}

.parallax {
  background: url(img/bgcircles.png);
  background-size: 1030px;
  position: fixed;
  width: 100%;
  height: 9999px;
  top: 0;
  left: 0;
  z-index: -1
}

.spNavBtn {
  z-index: 5000;
  position: fixed;
  top: 12px;
  right: 12px
}

.main {
  overflow: hidden
}

.footerWrapper {
  background: #eceff1;
  margin-top: 48px
}

.footer {
  width: 100%;
  margin: auto;
  padding: 24px
}

.footer .footerLogo_img {
  width: 136px
}

.footer .paragraph {
  margin-top: 24px
}

.footer .copyright {
  margin-top: 48px
}

.dremimov_lead {
  margin-top: 20px;
  border-radius: 20px;
  background-color: #fff;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto
}

.contents__inner {
  max-width: 1108px;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: auto;
  margin-right: auto
}

@media screen and (max-width:767px) {
  .contents__inner {
    padding-left: 12px!important;
    padding-right: 12px!important
  }
}

.dremimov_lead p {
  font-size: 22px;
  color: #333;
  padding: 30px 60px;
  line-height: 1.6;
  text-align: center;
  font-feature-settings: "palt"
}

.dremimov_lead p .doremiland_logo {
  position: relative;
  top: -2px;
  width: auto;
  height: 37px;
  vertical-align: middle;
  margin-right: 7px
}

@media screen and (max-width:767px) {
  .dremimov_lead p {
    font-size: 18px;
    text-align: left;
    padding: 15px
  }
  .dremimov_lead p .doremiland_logo {
    width: auto;
    height: 25px
  }
}

.dremimov_lead p .icon_onpu {
  margin-left: 4px;
  width: auto;
  height: 23px;
  vertical-align: middle;
  position: relative;
  top: -3px
}

.dremimov_list_btn {
  margin-top: 30px
}

@media screen and (min-width:768px) {
  .dremimov_list_btn {
    margin-top: 50px;
    margin-left: -11px;
    margin-right: -11px;
    display: flex;
    justify-content: center
  }
}

.dremimov_list_btn li {
  padding-left: 11px;
  padding-right: 11px
}

@media screen and (max-width:767px) {
  .dremimov_lead p .icon_onpu {
    width: auto;
    height: 19px
  }
  .dremimov_list_btn li+li {
    margin-top: 28px
  }
}

.dremimov_list_btn li a {
  display: block;
  transition: all .4s
}

.dremimov_list_btn li a img {
  display: block;
  width: 420px
}

.dremimov_text {
  font-size: 20px;
  color: #333;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px
}

.dremimov_text img {
  margin-right: 10px;
  width: auto;
  height: 56px
}

.dremimov_list_mov {
  display: flex;
  margin-left: -25px;
  margin-right: -25px
}

.dremimov_list_mov li {
  padding-left: 25px;
  padding-right: 25px
}

@media screen and (max-width:767px) {
  .dremimov_text {
    margin-top: 40px;
    font-size: 16px;
    line-height: 1.625
  }
  .dremimov_text img {
    height: 42px
  }
  .dremimov_list_mov {
    display: block
  }
}

.dremimov_class_wrap {
  margin-top: 60px;
  padding-top: 1px
}

@media screen and (max-width:767px) {
  .dremimov_class_wrap {
    margin-top: 45px
  }
}

.dremimov_class {
  margin-top: 60px;
  position: relative;
  padding: 60px
}

.dremimov_class.dremimov_class_1 {
  background: url(../img/bg_lucky.png) 50% 50%/100% 100% no-repeat!important
}

@media screen and (max-width:767px) {
  .dremimov_class {
    margin-top: 45px;
    padding: 20px 20px 40px
  }
  .dremimov_class.dremimov_class_1 {
    background: url(../img/bg_lucky_sp.png) 50% 50%/100% 100% no-repeat!important
  }
}

.dremimov_class.dremimov_class_1 .dremimov_mov_bg {
  padding: 10px;
  background-color: #D7EED4;
  border-radius: 10px
}

.dremimov_class.dremimov_class_1 .dremimov_class_title {
  margin-top: -45px
}

.dremimov_class.dremimov_class_2 {
  background: url(../img/bg_puppuru.png) 50% 50%/100% 100% no-repeat!important
}

@media screen and (max-width:767px) {
  .dremimov_class.dremimov_class_1 .dremimov_class_title {
    margin-top: -32px;
    margin-left: -130px
  }
  .dremimov_class.dremimov_class_1 .dremimov_class_title img {
    width: auto;
    height: 110px
  }
  .dremimov_class.dremimov_class_2 {
    background: url(../img/bg_puppuru_sp.png) 50% 50%/100% 100% no-repeat!important
  }
}

.dremimov_class.dremimov_class_2 .dremimov_mov_bg {
  padding: 10px;
  background-color: #FEEDF2;
  border-radius: 10px
}

.dremimov_class.dremimov_class_2 .dremimov_class_title {
  margin-top: -65px
}

@media screen and (max-width:767px) {
  .dremimov_class.dremimov_class_2 .dremimov_class_title {
    margin-top: -50px;
    margin-left: -129px
  }
  .dremimov_class.dremimov_class_2 .dremimov_class_title img {
    width: auto;
    height: 110px
  }
}

.dremimov_class .icon_onpu_02 {
  width: auto;
  height: 27px
}

.dremimov_class .dremimov_class_title {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -160px
}

.dremimov_class .dremimov_class_title img {
  width: auto;
  height: 140px
}

.dremimov_class iframe {
  max-width: 100%
}

.dremimov_list_mov {
  margin-top: 60px
}

@media screen and (min-width:768px) {
  .dremimov_list_mov {
    display: flex;
    justify-content: center
  }
}

@media (min-width:768px) and (max-width:1060px) {
  .dremimov_list_mov li {
    max-width: 50%;
    padding-left: 20px;
    padding-right: 20px
  }
}

.dremimov_list_mov li .dremimov_mov_wrap {
  display: block
}

@media screen and (min-width:768px) {
  .dremimov_list_mov li .dremimov_mov_wrap {
    width: 440px;
    max-width: 100%
  }
}

.dremimov_list_mov li .dremimov_mov_wrap figcaption {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 24px;
  text-align: center;
  margin-bottom: 18px;
  color: #333!important
}

.dremimov_list_mov li .dremimov_mov_wrap figcaption .icon_onpu_02 {
  position: relative;
  top: -2px;
  margin-right: 10px
}

.dremimov_list_mov li .dremimov_mov_wrap img.mov_preview {
  width: 440px;
  height: auto;
  display: block
}

.contents {
  padding-bottom: 100px
}

.dremimov_mov {
  position: relative;
  padding-top: 56.25%
}

.dremimov_mov iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

@media screen and (max-width:767px) {
  .dremimov_list_mov {
    margin-top: 70px
  }
  .dremimov_list_mov li {
    margin-top: 40px
  }
  .dremimov_list_mov li .dremimov_mov_wrap figcaption {
    font-size: 20px;
    margin-bottom: 10px
  }
  .pc-on {
    display: none!important
  }
}

@media screen and (min-width:768px) {
  .sp-on {
    display: none!important
  }
}

@media screen and (min-width:768px) and (max-width:1000px) {
  .tab-on {
    display: none!important
  }
}